Now you can write different code of CSS and JS for admin panel and for front-end and you can also use different css and js if user is login.

'Add Custom CSS and JS' plugin is for provide Custom JS, jQuery and CSS code for your admin panel of wordpress or for your frontend website and also you can add different css and JS code for your frontend website only when user is login. It is very useful plugin for adding custom CSS and JS code in your website so this plugin keep your custom css and JS code even when you change the theme or update your website.

Remove useless Css - Js files from some conditionals and theme pages.

In Wordpress sites there are often installed many plugins and modern templates with too many styles and scripts that slow down the loading time of your site. With WP Remove CSS - Js you can simply exclude .css and .js resources from a few conditional pages and from all template files of your Wordpress theme (follow Warning instructions). WARNING: This plugin detect styles and scripts only if they use the right functions: wp_register_style(), wp_enqueue_style(), wp_register_script(), wp_enqueue_script(). Want to contribute? Github/Wp-Remove-Css-Js Want to thanks me on Twitter or follow me on my blog? twitter.com/giub_bass giub.it Recommended Settings Advance users likes this plugin because it speed up the page loading by remove usless resources but developers reccomended to use together a php cache plugin like WP Super Cache.

Select files CSS and/or write CSS rules to any single page or post

A simple Wordpress plugin that allows users to select files CSS and/or write CSS rules to any single page or post

Add your custom css and javascript/jquery using this plugin on Header or Footer.

Override your style.css or theme style and insert your custom javascript/jquery using "Custom WP CSS & JS" plugin. Use this plugin if you don't want to create any extra css or js files in your theme. Additional Features in version 1.1 Now you can also write custom css for "Admin Dashboard" Main Features: Easy to use You can place your JS code in Header / Footer - Option available Built with Syntax Code Highlighter For Syntax Code Highlighter credits goes to codemirror.net

Re-Order - Change CSS and JS Loading Order is no longer maintained / developed. We recommend you choose a different plugin.

Re-Arrange the Order Which Your JavaScript and CSS Files Load with a simple visual editor and move scripts to the site footer. Find out more about the plugin and how to quickly get started at HTML5andBeyond.

Compiles .scss files to .css and enqueues them.

Compiles .scss files on your wordpress install using lefo's scssphp. Includes settings page for configuring directories, error reporting, compiling options, and auto enqueuing. The plugin only compiles when changes have been made to the scss files. Compiles are made to the matching css file, so disabling this plugin will not take down your stylesheets. In the instance where a matching css file does not exist yet, the plugin will create the appropriate css file in the css directory. Get detailed instructions on github

Adds a box allowing for the addition of page-specifc and post-specific CSS stylesheets. Reduces the need to edit and clutter up the style.css file.

What's It Do? This plugin adds a box to your pages and posts allowing for page-specific or post-specific CSS stylesheets. Why Use It? After developing quite a few WordPress websites, it seems to me that the style.css file gets bloated. If you add a style used on only one page, and then later that page is deleted, you're visitors now have to download those styles that aren't even used. It's wasteful, but maintaining a clean style.css file requires an active effort. This plugin solves that by attaching the these styles to the page or post, allowing them to be updated just like the content is and deleted with the page. It keeps your style.css file clean and reduces unused style clutter. What About Efficiency? There shouldn't be an issue with overhead from the plugin. Admin code is only executed in the admin panel and front end code is executed on the front end. If you're website has a large amount of page-specific styles within it that can be migrated into the plugin, it can boost performance by reducing the download size of your style.css file. Roadmap This plugin will receive ongoing maintenance as WordPress evolves. No major features are planned, but I am entirely open to feature requests! Feel free to suggest any feature you desire, or check out the code or contribute on GitHub, where the project is hosted. Additional plugin options. If you have a feature idea, suggest it. Notes Style data and options are not deleted by default on uninstall. You must check the options on the plugin settings page to enable the deletion of this data.

A fullscreen background slideshow plugin utilising CSS only for slide transitions and animations.

A fullscreen background slideshow plugin based on Serkan Azmi's Zia3 Background Slideshow Plugin. You can see a working demo at http://plugins.zia3.com/ What Can This Plugin Do? You can use it to Create a fullscreen slideshow Create a fullscreen background (single slide) Specify slide text for each slide that will be animated. 4 different types of slide animation and transitions. Full CSS usage on your website, no extra javascript files required.(less overhead to load your website) Cross browser compatibility Responsive design (will work on any device and screen size) You can specify a slider visible slider title and link along with your website slogan and link. It does use the new media uploader and you can drag and drop your images to rearrange them which is kind of cool. This plugin does one thing and one thing only, to keep it small yet fully functional. About the Shortcode: There are 15 parameters total that you can use with this shortcode. The ID being the only one that's absolutely required. List of parameters: id fade delay overlay type arrows autoplay poster random title link slogan slogan_link link_color slogan_link_color [zia3 id="333" fade="2500" delay ="4500" overlay="http://mydomain.com/urloftheimage/" type="1-4" arrows="yes" autoplay="yes" poster="yes" random="yes" title="My Title" title_link="http://mydomain.com/" slogan="My Slogan" slogan_link="http://mydomain.com/" link_color="255,255,255" slogan_link_color="255,255,255"] NOTE FOR THEME DEVELOPERS: This plugin makes use of both wp_head() and wp_footer() so if your theme is missing either you may experience issues using this plugin.

Define additional CSS and JavaScript (inline and/or by URL) to be added to any page or post individually.

A WordPress Plugin for easily defining additional CSS and JavaScript (inline and/or by URL) to be added to any page or post individually. Two simple steps: Enter the directory location/s of your custom CSS and/or JavaScript files on the Zia3 JS CSS settings page Select the CSS/JS files you want to include on the page/post edit page using checkboxes The plugin adds a css editor field when you are editing and creating a new post or page. With the plugin each template page/post will have more possibilities with it's increased editing power. This allows you to insert arbitrary JavaScript and CSS into any post or page you like without having to resort to loading it on all pages or modifying your template's CSS or JS files. This reduces page load time by finely tuning the CSS and JavaScript files includes in each page/post. Ever need to include specific CSS or JavaScript (JS) files on a per page/post basis ? Needed a seperate CSS / JS file for your homepage and not anywhere else in your site ? Wanted certain pages/posts to use another CSS/JS file and provide funtionality to those pages only and not to your full site ? Ever want to tweak the appearance of the WordPress pages/posts, by hiding stuff, moving stuff around, changing fonts, colors, sizes, etc? Any modification you may want to do with CSS / JS can easily be done via this plugin. Leverage the power of jQuery on your website by injecting inline JavaScipt. Using this plugin you'll easily be able to define additional CSS / JS (inline and/or files by URL) to any page or post individually. You can define CSS / JS to appear inline in the page/post head (within style tags), or reference CSS files to be linked (via "link rel='stylesheet'" tags). The referenced CSS / JS files will appear in page/post head first, listed in the order defined in the plugin's settings. Then any inline CSS / JS are added to the page head. Both values can be filtered for advanced customization (see Advanced section).

Description: Manage and live-preview theme-specific and plugin-specific Custom CSS in the Customizer.

WordPress core provides custom CSS functionality in the customizer that's specific to the current theme; you can switch themes freely with each theme's additional CSS remaining in place. Sometimes, you need some CSS to apply regardless of the current theme persistently. This plugin adds a plugin CSS option for CSS that's global and persists across theme changes. With the Customizer, your CSS is instantly live-previewed, offering the ability to see exactly how your site will look before you publish your changes. This plugin is extremely simple; no validation is performed on the CSS added here and revision history is not saved (although it will be if/when Customizer setting revisions are added to core). The plugin CSS option is stored as an option. Prior to WordPress 4.7 (which introduced additional CSS in core), theme-specific CSS was stored as a theme_mod, in 4.7 and newer this is migrated to the core CSS functionality (which is theme-specific).

Interface for easily defining additional CSS (inline and/or by URL) to be added to all administration pages.

Ever want to tweak the appearance of the WordPress admin pages by hiding stuff, moving stuff around, changing fonts, colors, sizes, etc? Any modification you may want to do with CSS can easily be done via this plugin. Using this plugin you'll easily be able to define additional CSS (inline and/or files by URL) to be added to all administration pages. You can define CSS to appear inline in the admin head (within style tags), or reference CSS files to be linked (via "link rel='stylesheet'" tags). The referenced CSS files will appear in the admin head first, listed in the order defined in the plugin's settings. Then any inline CSS are added to the admin head. Both values can be filtered for advanced customization (see Advanced section). Links: Plugin Homepage | Plugin Directory Page | Author Homepage

Visual Developer is an intuitive way to customize your website in just a few minutes, your imagination is the key here.

Visual Developer is just an awesome way to customize any wordpress powered website, by just using your imagination. Everything is in front of you, and you can reduce your development time by hours, and probably customize things you’ve never taught possible before. Everything has been tested and re-tested to make sure you can’t break your website easily, and you can easily revert all the changes with just one click.

This plug-in is a will clean the file management. You can only manage the screen. You can also only site the screen.

This plugin allows you to include extra JavaScript or CSS files in your WordPress page. You can: Include as many as you like. Choose whether files are to be included on the front-end or the back-end. Choose where to include them in the header or the footer. Choose conditions to use for inclusion (logged-in users only, admin users only, front page only). Choose conditions of you can add. Please if you want to add conditions. For example add filter: add_filter( 'jcim_condition' , 'my_conditions' ); function my_conditions( ) { $conditions = array( array( "code" => "current_user_can", "val" => "edit_themes", "desc" => "Only edit theme role have user", "help_link" => "http://codex.wordpress.org/Function_Reference/current_user_can" ), array( "code" => "is_admin", "val" => "", "desc" => "Only admin screen", "help_link" => "" ), ); return $conditions; }

This plugin will hook into the WordPress style handling system and load the selected stylesheets asynchronous.

When loading a webpage with a lot of CSS-files the loading time can go through the roof! With this plugin you can choose which files to load asynchronously and therefore cut down the time before the page starts to show. The plugin uses a polyfill called loadCSS. This allows us to use JavaScript to load selected CSS-files after the page have started to appear on screen. The recommended use of this is to load your main stylesheet synchronously and then select non-vital CSS-files to load after (async). Non-vital CSS-files can be for example fonts, icons, template-specific CSS, plugin CSS etc. If you find a bug or have an idea for improvement please do post to a thread in the support section! Would be much appreaciated! Thanks 🙂

Add Custom CSS from customizer to your WordPress website.

Easily overwrite your theme's CSS from customizer and preview it before saving. Customizer Custom CSS does not require any configurationn and easy to use. Now there is no need of creating child theme just to change the CSS.

The Custom CSS plugin allows you to customize the appearance of your theme without the need to create a child theme or worry about theme updates overw

We all know that feeling, you’ve just installed a new theme and you want to start making some small tweaks and changes. A lot of the time these visual changes can be done using just CSS. This is where the Custom CSS plugin comes in. The Custom CSS plugin allows you to customize the appearance of your theme without the need to create a child theme or worry about theme updates overwriting your customizations. You simply put your CSS customimzations in the editor and hit save. Easy peasy. Features include: Simple CSS editor with syntax highlighting The CSS editor also has features like auto formatting, bracket matching and built in CSS linting Outputs CSS in an actual cachable file and not straight in your HTML Compatibilty with cache plugins Setting to minify output on the fly (for improved performance) Preview changes before saving Serbian and Spanish translations by firstsiteguide.com

Enable to add Custom CSS Code via admin panel with Ace (Ajax.org Cloud9 Editor) + backup (see screen) and static file cache (best performance) 🙂

Maked by Salvatore Noschese: https://laltroweb.it/ With this plugin you can put custom css code without edit your theme and/or your plugins (really useful in case of any theme/plugin update). It contain also Ace (Ajax.org Cloud9 Editor) Code Editor for write a good css code. You can see in action (source code) here: VegAmami 🙂 PS: support file backup and - very important - static css file (fantastic for performance) 😉 Links Author Homepage: Salvatore Noschese Plugin maked for (demo link): VegAmami Ace (Ajax.org Cloud9 Editor): Ace (Ajax.org Cloud9 Editor) Language English Italian Full translatable!

Donate link: https://siteorigin.com/downloads/premium/ SiteOrigin CSS is the simple, yet powerful CSS editor for WordPress. It gives you visual contr

SiteOrigin CSS is the simple, yet powerful CSS editor for WordPress. It gives you visual controls that let you edit the look and feel of your site in real-time. We've created a site editing experience that will suit both beginners and advanced users alike. Beginners will love the simple visual controls and real-time preview. Advanced users will love the code autocompletion that makes writing CSS faster than ever. Inspector The hardest part of editing your site's design using CSS is usually finding the correct selector to use. The powerful inspector that comes with SiteOrigin CSS makes this easy. While viewing a full preview of your site, just click on an element and it'll help you identify the best selector to use to target that element. The Inspector will help you even if you have no idea what a CSS selector is. Visual Editor Don't like playing around with code? No problem. SiteOrigin CSS has a set of simple controls that make it easy to choose colors, styles and measurements. Combined with the Inspector, you'll be able to make changes in just a few clicks. CSS Editor SiteOrigin CSS has a powerful CSS editor, the likes of which you'd usually only expect from high-end IDEs. It has autocompletion for both CSS selectors and attributes. It also features very useful CSS linting that'll help you identify issues in your code before you publish your changes. It's Free We're committed to keeping SiteOrigin CSS, free. You can install it on as many sites as you like without ever worrying about licensing. All future updates and upgrades will be free, and we even offer free support over on our friendly support forums. Works With Any Theme There's an ever-growing collection of awesome WordPress themes, and now with SiteOrigin CSS you can edit every single one of them to your heart's content. No matter what theme you're using, SiteOrigin CSS will work perfectly. Actively Developed We're actively developing SiteOrigin CSS. Keep track of what's happening over on GitHub.

Add custom stylesheets, IE override stylesheets, iOS stylesheets, to any page or post on your Wordpress website.

Adds a custom stylesheet/s all of the pages on your WordPress install with options to check for the existence of the stylesheet before adding. Allows for adding IE specific stylesheets all the way back to version 6. Just enable in the plugin options and add the stylesheets to your theme directory. Stylesheet Per Page now allows adding of an iOS specific stylesheet. Simply enable in the plugin options and add the stylesheet to your theme directory. This plugin supports use with custom post types, category, and tag pages.

Styleguide allows you to customize fonts and colors in WordPress themes through the Customizer - no need to touch any code!

Quickly and easily edit fonts and colours in your WordPress themes using the WordPress Customizer so that you can get live previews before saving the new settings. Perfect for giving your website a unique look without having to hire a designer or make code changes yourself. All default WordPress themes are fully supported and support for more themes will be added in the future. All other themes can customize fonts. Styleguide uses a carefully chosen selection of the top 45 Google Fonts to give you a lot of options for personalising your site. Features Choose from a varied selection of the top Google fonts in any theme Additional themes (listed below) support editing colours Filter fonts based on character set - great for non latin languages such as Russian Developer functionality for adding support to other themes, and for adding additional fonts. Supported Character Sets Styleguide supports fonts that have a variety of different character sets. This makes selecting a font for your language super easy. The supported character sets are: Cyrillic Devanagari Greek Hebrew Latin Vietnamese By default Styleguide uses Latin. To limit the font choice to those supporting your character set you should go to Settings → General → Character Set and select your set there. Supported Themes Kent Puzzle Chronicle Broadsheet Lens Monet Mimbo Pro Opti Adaline Twenty Ten Twenty Eleven Twenty Twelve Twenty Thirteen Twenty Fourteen Twenty Fifteen Twenty Sixteen Developers can add support for their themes quite easily - see the 'Other Notes' tab for more info. If you're in the market for a WordPress theme then you could check out my Premium GPL WordPress themes site here: https://prothemedesign.com/

Advanced CSS Editor is a lightweight plugin that lets you write different CSS code for each device (desktop, tablets, and mobile phones) right from the Live Customizer, letting you can see the outcome in real time. So, pick a device, write your custom CSS code, and watch the results while you’re editing. Features: Possibility to add different custom CSS based on the type of deviced Experience live all the changes via Appearance -> Customize Minify your CSS to optimize your site Custom CSS for Phone Custom CSS for Tablet Custom CSS for Desktop Custom CSS for Global purpose This plugin is maintained and supported by Themeisle, check out some of the other WordPress plugins and free themes we’ve developed.

A Simple and Flexible way to add images anywhere in your site with 70+ css3 Image hover effects.

Image Hover Effect is an impressive hover effects collection. It is Fastest and Simplest plugin which apply over 70+ hover effects to images on front end. A bunch of options can be made by admin to customize these hover effects. Pure CSS3 is used to render apply effect fastly. Get DEMO1 & DEMO2 Get Pro for Visual Composer Contact For Any Suggestion:- nasirahmad2010@hotmail.com Language English Features 70+ Hover Effects Import & Export XML Based on iHover.css Drag Drop Compatibility Super easy Installation Pure CSS3 Animations Multiple and Unlimited Shortcodes Custom Settings for every Single Image Custom font size both heading & description Custom Background Color for Caption External link for each hover item Open link in new tab 100% Responsive Easy and Fastest to Setup Grid Option Shortcode Generator All Major browser supported Pro Demo For Image Hover Effects Css3 Pro Features Popup Popup Slider Play Video Image Over Another Image Custom Width Custom Height Masonry Grid Custom Border Color & Width Grid Option 24 Hours Support

CSS3 Lightbox is a beautiful high-performance lightbox without any jQuery or Javascript code. It uses the latest css3 lightbox technology.

CSS3 Lightbox is a high-performance lightbox which is working completely independant from jQuery and Javascript. This lightbox is incredible fast because it makes use only of browser native CSS3 functions. Especially mobile devices are working faster and more reliable than with other lightbox plugins which depend on Javascript libraries. CSS3 Lightbox demo This lightbox plugin is in not longer in active development and will not be be updated Features High Performance Lightbox, especially on mobile devices No jQuery/JavaScript is used Lightbox works with any embedded image Lightbox with very low memory footprint Lightbox uses browser native CSS3 functions Faster than any other JS Lightbox plugin which depends on JavaScript How does it work? The plugin parses all your images in your blog posts and creates some specific classes for this images which are called from a smart and complex css file. This css entries are able to open your images in a very nice looking lightbox. How to install and setup? Install it via the admin dashboard and to 'Plugins', click 'Add New' and search the plugins for 'Lightbox CSS2'. Install the plugin with 'Install Now'.

Choose any of our UI Blocks to create a template and apply the same to your custom homepage, blog, a specific category, any archive page or even 404 p

CSSJockey Add-ons enables a lot of easy to use features, shortcodes, widgets, dashboard tweaks, front-end modifications and options to manage and enhance your WordPress website. With this plugin you can install various available add-ons and choose to activate or deactivate them at any time. Available Add-ons WordPress Dashboard Tweaks (free) WordPress RSS Feed Tweaks (free) WordPress Loading Panel (free) WordPress Front-end Authentication (free) Plugin Core Features Google Universal Analytics This plugin comes with an option to enable and use Google Universal Analytics code with your WordPress website. If you use CSSJockey Add-ons plugin, you don't have to use any other plugin for Google Analytics which can save you a lot of server resources and bandwidth. Anonymize IP addresses Track jQuery AJAX requests Track page scroll Disable for administrator WordPress Header Modifications (wp_head) This plugin enables a lot of options to modify code and tags within ... tags. With this plugin you can apply a lot of WordPress tweaks with just a click of a button. Here's what's available for the wp_head() modifications. Document Title Prefix and Suffix Define Title maximum length Replace text within title for all pages. Custom code and scripts within Head Tags DNS prefetching: DNS Prefetching is a method of informing the browser of domain names referenced on a site so that the client can resolve the DNS for those hosts, cache them, and when it comes time to use them, have a faster turn around on the request. Remove WordPress Generator Remove Shortlink Remove Canonical Link Remove text/css from stylesheets Remove feed and extra links Remove RSD links Remove Windows Live Writer manifest links Remove Index Link Remove Parent Post Link Remove Start Post Link Remove Posts Adjacent links WordPress Footer Modifications (wp_footer) There are times when we need to include some code or scripts at the page bottom before the closing body tag such as site stats scripts or credit links etc. With this plugin you can add any code or scripts to the bottom of all pages of your WordPress website without touching the code. Custom CSS / Javascript Code and Files This plugin allows you to add custom CSS and Javascript code or files to your WordPress site with any theme applied. Any code added to under these settings will be available on all sites. Find and Install Add-ons CSSJockey Add-ons comes with a lot of free and premium add-ons which further extends the functionality of your WordPress website. Find Add-ons Please check this page for more information and installation instructions with screenshots.

A quick and easy way to include CSS and/or JavaScript in your WordPress site without getting your hands dirty by editing your theme manually.

A quick and easy way to include CSS and/or JavaScript in your WordPress site without getting your hands dirty by editing your theme manually. We also have more features to make your life easier in this process, check it out! Features Manage multiple scripts CSS and Javascript Specify which urls each code takes effect Manage tag attributes of and Choose where the code will be injected (header or footer) Enable/disable items Pro version features Code highlight Auto minify files Use files as external Use regex to filter which pages the script will be injected

Adds a list (or multiple list) of stylesheets in the frontend to allow visitors to choose a different visual look for the website.

Sometimes, we just want to offer visitors simple variations of our website theme. Sometimes, we simply want to offer a stylesheet with improved accessbility. There are plugins that let you choose a different theme, but this plugin offers you to change only the stylesheet. In the admin settings, you can configure as many different stylesheets as you want. Those possibilities are offered in a list on the front page. The list of available stylesheets can be shown in a dropdown list or as a series of icons. It can be shown using the widget or in a page/post using the shortcode, or directly in the template using the php function. On the frontend, when a choice is made in the dropdown list, the webpage is reloaded using the chosen stylesheet. Plugin Features Easy installation/setup Any number of switchers Each switcher can have any number of stylesheet options Set a default stylesheet Multiple instances of switchers/stylesheet lists can be present on the same page. Choice between a dropdown or icon list for each list Can be used with a shortcode in a post/page, with the widget and with a php function in the theme For each list, possibility to show/hide the title Optional single switcher button (text or icon) Chose between theme relative path or absolute path (useful to customize multisite) Optional automatic theme rotation (weekday, week, month, year or random) Ready for internationalization Complete uninstall (removes options and widgets) Languages already available English French Spanish (thanks to Andrew Kurtis from WebHostingHub) Serbo-Croatian (thanks to Andrijana Nikolic from WebHostingGeeks) To see an example, visit plugin page.

Loads Genesis child theme style sheet after plugin style sheets.

This plugin removes the Genesis child theme style sheet and reloads it at a later priority, allowing plugin style sheets to load first. By loading the child theme style sheet later, it allows for easier CSS customizations in child theme as the child theme style sheet trumps plugin styles without using the !important declaration. Read more about why I created this plugin at http://www.carriedils.com/woocommerce-genesis-important-style/.

This plugin will add gamil style preloader in your site.

Gmail Style Preloader is very lightweight preloader plug in. It will show a preloader screen until all of your page content loaded. For live demo Click Here

Create unlimited pricing table in your WordPress website with IND CSS3 Pricing Table plugin. Key Features Unlimited colors: You could choose any color for your pricing table. Unlimited columns and ro...

ws Stylized with CSS3 3 different styles Dynamic width: You could specfy the width of your pricing table from admin area. Shortcode to locate your pricing table in any page you wish. Ribbons Use any font as you want. Hover style. Subscription period.

Customize your login , admin login or client login page with custom login page styler ,Easy to use no coding skills required.

Have you ever wished your WordPress Login page matches the rest of your site\’s theme ? Your wish has come true . Admin custom login page styler allows you to customize the look of your default admin login, client login, lost password and registration page into something magnificent matching your site\’s theme in few minutes. Zero coding skills require to customize your login page . Create unique login design or admin login design with custom login plugin, Almost every element on login page is customize-able .Design beautiful and eye catching login page styles in few Minutes . Simple and easy work flow: Say goodbye to boring, simple, plain WordPress login page and create one with you our own logo, your own branding, colors, background and so much more .Admin Custom Login Page Customizer | Login page Styler is different by design because it is focused on efficiency, usability and reliability. It is created in a way that molds simplicity and functionality into a powerful yet usable custom login customizer. Admin Custom Login Page Customizer | Login page Styler make you stand out with half the effort. More features then any other custom login plugin. *Admin Custom Login Page Customizer | Limit Login Attempts: * Brute force attack may be used by criminals to crack encrypted data , or by security analysts to test an organization�s network security. If you adopt the use of this plugin, it will limit the number of times a user can attempt to log into your account. Limit Login Attempts, protect site from brute force attacks.Brute Force Attack aims at being the simplest kind of method to gain access to a site: it tries usernames and passwords, over and over again, until it gets in. Limit Login Attempt & Login Page Styler limit rate of login attempts and block IP temporarily. Google reCaptcha:* Google reCAPTCHA is built for security. Armed with state of the art technology, it always stays at the forefront of spam and abuse fighting trends. reCAPTCHA is on guard for you, so you can rest easy To increase security of your login page you can add google reCaptcha to your login form . It helps fight against bots and spammers to login to your site . Use Google ReCaptcha on login registration and password recovery page with Admin Custom Login Page Customizer | Login page Styler . Features :- * Plugin on/off. * You can select a pre-built login design and can modify it according to your need or you can just design it from scratch. * You can add Google reCaptcha security to your login, admin login and registration page. * You can add brute force security for login page by just activating limit login attempts from this plugin * You can redirect users on login and logout . * You can add login protection on pages you want to be access able after login. * You can add your own custom login logo on login or admin login page. * You can change logo title with custom login. * You can hide login logo with custom login . * You can hide login error message with custom login . * You can hide login lost password link with custom login. * You can hide login back to blog link with custom login . * You can change login logo width. * You can change login logo height. * You can change login logo link . * You can change login form position. * You can change login form label font size. * You can change login form label color. * You can change login form label font style. * You can change Login Logo with simple upload button. * You can change Login background image with simple upload button. * You can change login form background color. * You can change login label fonts. * You can customize login form border width. * You can change custom login form border color , border style. * You can change login form text box border size color style radius. * You can change login form button color , border size, border color. * You can change login form button border radius , border style. * You can change button hover border size border color, border style. * You can change or add remove navigation links color , navigation links hover color , links size with custom login.

This plugin adds a modified version of the Bootstrap CSS to the MCE editor, for developers who like to add their own Bootstrap code to the editor, without shortcodes. You still need to add the Bootstr...

ap CSS & JS files to the front-end of your website. Using Bootstrap version 3.0.3. Supports the following Bootstrap features Grid Layouts (with some caveats) Headings (h1-h6) Buttons Labels Badges Alerts List Groups Panels Wells Media Groups Please submit issues & feature requests on github. This plugin might work on WordPress versions back to 2.1, but I couldn't find when the mce_css filter was introduced.

Adjust an image's margins and border with ease in the Visual editor.

CSS3 is probably the hottest trend in web design right now but Unfortunately, it’s not a surprise that Internet Explorer, Implement css markup that support CSS3 "border-radius( Rounded box corners )", "box-shadow( Dropdown/Inner Shadow )" and "linear-gradient( Gradient background color )" in IE versions 7 to 10 This plugin add a IE support markup on main style of your theme. This markup is an IE attached behavior, when applied to an element, allows IE to recognize and display a number of CSS3 properties. This is developed by "Jason Johnston" he called it PIE(Progressive Internet Explorer). The markup support numbers or CSS3 properties but this plugin can only support specific properties: * CSS3 Transitions Support on Safari, Chrome, Firefox, IE9 + Effect of transitions are between .2 and .3 seconds in duration, so they shouldn't cross the line between nice and distracting; however, depending on the colors used in your WP theme. box-shadow border-radius linear-gradient Support for all browsers If you have problems with the PIE behavior not being applied, check your server configuration and if possible update it to use the correct content-type. For Apache, you can do this in a .htaccess file: - AddType text/x-component .htc

This plugin adds a span tag around each word in the Genesis site title for separate styling with css. Styling is done with the nth-child() selector. Style each word separately: Style the first word: .site-title span:nth-child(1) { add your styles here } Style the second word: .site-title span:nth-child(2) { add your styles here } Style the third word: .site-title span:nth-child(3) { add your styles here } Read more about why we created the plugin here along with examples of how to style them.

Advance Login Style can fully customize your WordPress Login, Register page.

Advance Login Style can fully customise your WordPress Login, Register page. Features of this plugin include: Ability to add/change message in your login page. Ability to add/change a custom logo in your login page. Ability to set login, logout and register redirect links. Ability to set login body background image and also login body. background color. Ability to set login form background image and also login form background color. Ability to change a label font size and color. Ability to change a button font size and color. Ability to change a link color. New Feature: Change link of logo on login page. New Feature: Change tooltip when you rollover the logo. Live Demo View live demo of plugin Advance Login Style Advance Login Style Plugin in your Language!: We just made plugin language compatible. If you’re good at translating, please join us at Advance Login Style at GitHub License License URI: http://www.gnu.org/licenses/gpl-2.0.html

Easily display a responsive Google Map (classic map or black&white map) using an incredibly easy shortcode.

If you need to quickly set up a responsive (100% width, mobile friendly) map, this is a solution for you. The map can be a classic, colored map or a black-white one. You can use the shortcode in a page, in a post, in the footer of your website or in a sidebar widget. Please note that a Google Maps API key is required now by Google, since 22 June 2016, according to their official post: https://googlegeodevelopers.blogspot.com/2016/06/building-for-scale-updates-to-google.html Shortcode examples Classic map: [resmap address=”New York” style=”1″ zoom=”10″ height=”300px” key=”your_google_maps_api_key_here”] Black&white map: [resmap address=”Eiffel Tower, France” style=”2″ zoom=”14″ height=”500px” key=”your_google_maps_api_key_here”] Using latitude, longitude: [resmap address=”40.71297887582146, -74.00594130000002″ style=”1″ zoom=”10″ height=”300px” key=”your_google_maps_api_key_here”] Shortcode parameters address – the address you wish to show (an address or latitude, longitude) style – “1” for a classic map or “2” for a black&white map zoom – a number between 1-19 height – in pixels, for instance 300px, or 400px key – your Google Maps API key obtained from: https://developers.google.com/maps/documentation/javascript/get-api-key Simplified version (this one, available here): Google maps plugin to generate maps based on address 100% responsive and mobile friendly Works in sidebars, posts, pages and custom post types There can be more than one maps in a page/post A Google Maps API key is required since 22 June 2016 ( googlegeodevelopers.blogspot.com/2016/06/building-for-scale-updates-to-google.html ) Shows a colored (classic) map or a black&white map (styled) Four simple shortcode parameters W3C valid, does not break your website’s W3C validation. Extended version (commercial): Responsive Styled Google Maps – WordPress Plugin Google maps plugin to generate maps based on address OR latitude/longitude 100% responsive and mobile friendly Works in sidebars, posts, pages and custom post types Can create a map with multiple markers There can be more than one maps in a page/post A Google Maps API key is required since 22 June 2016 ( googlegeodevelopers.blogspot.com/2016/06/building-for-scale-updates-to-google.html ) The plugin admin has real time map preview and shortcode preview Popups accept HTML code Search box Clustering option Show/Hide the points of interest Put a custom link in marker popup 50 included colorful map styles or a hue color 10 included marker icons You can use your own icons Every control on the map can be turned on/off Directions link W3C valid, does not break your website’s W3C validation. Translation ready. Detailed documentation.

Adds Bootstrap styles to Gravity Forms

Enqueues a stylesheet that adds Bootstrap styles to Gravity Forms forms.

Styles and Layouts for Gravity Forms plugin lets you design and style Gravity Forms without CSS coding.

Styles and Layouts for Gravity Forms lets you create beautiful designs for Gravity forms. It uses WordPress Customizer for providing styling options with easy to use controls. The design changes you make with this Gravity Forms Styler plugin are instantaneously visible so, you can see how the form looks in real time. Styles & Layouts for Gravity Forms Premium Addons: Grid Layout Material Design Bootstrap Design Theme Pack Tooltips Field Icons Custom Themes Addon Bundle This Gravity Forms styler comes with 150+ options to customize various parts of form like form wrapper, form header, form title and description, submit button, radio inputs, checkbox inputs, paragraph textarea, labels, section breaks, descriptions, text inputs , dropdown menus, labels, sub labels, placeholders, list fields, confirmation message, error messages and more. You can set CSS options like background color, font size, font family, borders, width, text alignment, margin, padding, font color, text decoration, text case, font weight, line height and more for all the sections. You are no longer required to use custom CSS codes to create the perfect Gravity Forms design template. The designs created with this plugin will work even if you change your theme. This is only Gravity Forms styler plugin you will ever need. You can easily create responsive designs like having different font size, widths, line height etc on desktops, tablets and mobile phones. You can set a different style for each form. Premium Addons to Extend the Functionality Grid Layout : Online Demo Grid Layout lets you create multi column layout for your form. You can create 2 and 3 column layouts. Radio and checkbox inputs can be divided into 2, 3, 4 , 5 columns and you can also set them to be inline. The Gravity Form table layout created with this plugin is fully responsive. Checkout the below video to have a quick glance of Grid Layout addon Material Design : Online Demo This addon will add material design to Gravity Form with single click of button. Checkboxes can be converted into material design compatible switch buttons with ripple effect. Color of material design theme can be easily changed using color picker. Checkout how to easily convert any form into material design Bootstrap Design:Online Demo Bootstrap Design for Gravity Forms removes all the complexity and adds bootstrap to your form with one click . This plugin uses Bootstrap 4. The bootsrap design will be applied to all fields, submit button, error & confirmation messages as well as progress bar. Checkout the below video to have a quick glance of themes addon Theme Pack : Theme Pack for Styles and Layouts for Gravity Forms has a collection of 30+ beautifully crafted themes. You will no longer need to change settings for each and every element of form. Gravity Forms Theme pack addon is highly configurable as you can modify the form design even after applying a theme. This addon has themes which uses gradient as background. Checkout the below video to have a quick glance of themes addon Tooltips : Online Demo Tooltips addon lets you add tooltips next to field labels in Gravity Forms from customizer. There are multiple colors, icons, animation effects, position options to make your tooltips look beautiful and resonate with your theme. Checkout the below video to have a quick glance of Tooltips addon Field Icons : Online Demo Field Icons addon lets you add images as well as fontawesome icons to Gravity Form fields. It supports image and fontawesome icons for phone, single line input, quantity, custom post fields, post tags, post title, date, email, website, address, name and number fields. It will automatically detect all the fields present inside the form and give you the option to set icons for them. You can also change the position of icons from left to right. It also comes with an option to set padding for icon fields so that the form text doesn’t overlap with the icon. Checkout the below video to have a quick glance of Field Icons addon Custom Themes : Custom Themes addon for Styles and Layouts for Gravity Forms lets you save your own form designs as themes. You can create unlimited themes and apply them on unlimited forms. This addon will save a lot of time if you want to make two forms with same styling. You are free to modify the form design even after you have applied a theme. Checkout the below video to have a quick glance at Custom Themes addon Addon Bundle: Addon Bundle is a collection of all the addons of Styles and Layouts for Gravity Forms and you will get it a special discounted price.

Add and manage CSS, JavaScript, HTML and PHP code to unique CJT Code Blocks and assign them anywhere on your website. Compatible with the Gutenberg Ed

CSS & JavaScript Toolbox (or CJT) is a code management plugin that gives you the tools to customise the functionality and appearance of your website. CJT is great for streamlining development work adding free or premium scripts creating and testing your own scripts adding front-end customisations modifying themes adding tracking code teaching or learning how to code and a million more uses Why Upgrade? Fully responsive user interface Works on tablets and even mobile phones so you can code on the go! Functions are now kept in one place called Panels Coding has never been easier or more enjoyable Higher performance and security tweaks Works flawlessly with the latest version of WordPress Plenty of premium features and tools We want everyone to upgrade so we have created affordable pricing options. Learn about the new CJT CORE and CJT PLUS. How does it work? CJT is extremely flexible and versatile. Since it was designed to be easy, adding scripts and styles can be done in as little as two steps: - adding your code directly into unique CJT code blocks - assigning where these code blocks go CJT code blocks can be assigned to pages, posts, custom posts, categories, URLs, expressions, and practically anywhere you want on your website. Code block shortcodes can also provide you with further placement accuracy. Support Us The CSS & JavaScript Toolbox project is 100% developed and maintained by only two people since the very beginnings in August 2011. We have plenty of feature ideas that we want to introduce and this can only be possible with funding. You can also support us by providing a feedback review and rating on WordPress.org, and spreading the word and recommending CJT to others. Follow the Developments If you like to know more about the development state, issues and to track future versions code please follow us on GitHub Plugin repository.

Be creative with colors and fonts. Styles changes everything.

This plugin adds suport for the TwentyThirteen theme to the Styles plugin. Try a demo in TwentyThirteen. About Styles WordPress has lots of beautiful themes, but personalizing a design can be difficult and time-intensive. Styles changes that. Styles gives you creative control in one consistent interface – the WordPress theme customizer. Styles lets you make your site your own. 🙂 Features of the plugin Instant previews Text size Google Fonts Text colors Border colors Background colors Hundreds of options Consistent interface and names in every theme Built on WordPress customizer, so Styles grows as WordPress grows Styles and options for all built-in WordPress themes are free. More themes are available at StylesPlugin.com. Free Themes TwentyTen: Demo TwentyEleven: Demo TwentyTwelve: Demo TwentyThirteen: Demo Developer Resources Styles on Github Brainstorm Media on Github Code Walkthrough: How to add support for your own themes Contact @stylesplugin on Twitter Review Styles Get support

This plugin is adding a printer-ready stylesheet file for the Genesis Framework and its currently active child theme.

Optimized: Saves You Printing Ink & Paper 🙂 This small and lightweight plugin adds a printer-ready stylesheet file (print.css / print-html5.css) for the Genesis Framework and its currently active child theme. Any unneeded site elements will be removed, such as main and sub navigation bar, sidebar, footer widgets, form input fields to name a few. For most use cases and most existing/ regular Genesis Child Themes this should work really fine! NEW since version 1.5.0+ For fully custom styles or additions just have look at the FAQ section here. 🙂 It is now really easy to handle and complete update-safe! Please note: The plugin requires the Genesis Theme Framework (GPL-2.0+), a paid premium product released by StudioPress/ Copyblogger Media LLC (via studiopress.com). Credit where credit is due: The first plugin version was based on the work of Ramoonus and his plugin. Translations: Internationalization (i18n) / Localization (L10n) English (default) – always included German (de_DE) – always included Italian (it_IT) – user-submitted, thanks to Marco Rosselli – currently 32% complete for v1.9.3 .pot file (genesis-printstyle-plus.pot) for translators is also always included 🙂 Easy plugin translation platform with GlotPress tool: Translate “Genesis Printstyle Plus”… Your translation? – Just send it in A plugin from deckerweb.de and GenesisThemes Feedback I am open for your suggestions and feedback – Thank you for using or trying out one of my plugins! Drop me a line @deckerweb on Twitter Follow me on my Facebook page Or follow me on +David Decker on Google Plus 😉 This Plugin… …is Quality Made in Germany …was created with love (plus some coffee) on an Ubuntu Linux powered machine 🙂 More Also see my other plugins or see my WordPress.org profile page Tip: GenesisFinder – Find then create. Your Genesis Framework Search Engine. Hey, come & join the Genesis Community on Google+ 🙂 Plugin Links Translations (GlotPress) User support forums Code snippets archive for customizing, GitHub Gist Donate Enjoy using Genesis Printstyle Plus? Please consider making a small donation to support the project’s continued development. Translations English – default, always included German (de_DE): Deutsch – immer dabei! Download auch via deckerweb.de Italian (it_IT): Italiano – user-submitted by Marco Rosselli Easy plugin translation platform with GlotPress tool: Translate “Genesis Printstyle Plus”… Note: All my plugins are internationalized/ translateable by default. This is very important for all users worldwide. So please contribute your language to the plugin to make it even more useful. For translating I recommend the awesome “Codestyling Localization” plugin and for validating the “Poedit Editor”, which works fine on Windows, Mac and Linux. Idea Behind / Philosophy I just wanted to have a special print layout optimized for most Genesis Child Themes – with any unneeded elements removed but still with proper image display (including title tag text!) and proper footer line/copyright included. And I wanted that as a plugin so I could just activate it on client sites or if clients just request an easy-to-use solution. I intentionally used CSS Media Queries because they are made for this case – in combination with the output medium print. Credits Thanks to @juicedaniel for reporting a CSS3 bug! Thanks to all users that helped with their feedback to improve this plugin, especially the print CSS! 🙂 Last but not least Special Thanks go out to my family for allowing me to do such spare time projects (aka free plugins) and supporting me in every possible way!

Be creative with colors and fonts. Styles changes everything.

This plugin adds support for the Twenty Fourteen theme to the Styles plugin. Features of the plugin Instant previews Text size Google Fonts Text colors Border colors Background colors Hundreds of options Consistent interface and names in every theme Built on WordPress customizer, so Styles grows as WordPress grows Styles and options for all built-in WordPress themes are free. More themes are available at StylesPlugin.com. Contact Get support

Add custom classes and ids plus first, last, even, odd, and numbered classes to your widgets.

Widget CSS Classes gives you the ability to add custom classes and ids to your WordPress widgets Please note that this plugin doesn't enable you to enter custom CSS. You'll need to edit your theme's style.css or add another plugin that allows you to input custom CSS. This plugin also adds additional classes to widgets to help you style them easier: widget-first: added to the first widget in a sidebar widget-last: added to the last widget in a sidebar widget-odd: added to odd numbered widgets in a sidebar widget-even: added to even numbered widgets in a sidebar widget-#: added to every widget, such as widget-1, widget-2 Features: Adds a text field to a widget for defining a class You can specify multiple classes by putting a space between them Optionally adds checkboxes with predefined classes Optionally adds a text field to add an id to a widget Adds first and last classes to the first and last widget instances in a sidebar Adds even/odd classes to widgets Adds number classes to widgets Fully translatable Multi-site compatible Compatible with Widget Logic, Widget Context, and WP Page Widget plugins Has filters and hooks for customizing output including class names Plugin Website

WordPress Twitter Bootstrap CSS lets you include the latest Twitter Bootstrap CSS and Javascript libraries in your WordPress site.

Support The Plugin: Go Ad free What is Twitter Bootstrap? It's a CSS and Javascript framework that helps boost your site design and functionality quickly. We love Twitter Bootstrap on our WordPress sites at iControlWP. And we wanted a way to quickly link the latest Bootstrap CSS and Javascript to all pages, regardless of the WordPress Theme. With this plugin, now you can! Works with any Wordpress Theme without ever editing Theme files and NO programming needed. Now fully customizable with built-in LESS Compiler. Handy WordPress [SHORTCODES] to add Twitter Bootstrap elements to your site quickly Add your own custom CSS reset file Option to add JavaScript to the [HEAD] (defaults to end of [BODY] as is good practice) and more.. To get the latest news and support go here: WordPress Twitter Bootstrap CSS Plugin Home to see the release article on our site. Why use Twitter Bootstrap? It's good practice to have a core, underlying CSS definition so that your website appears and acts consistently across all browsers as far as possible. Twitter Bootstrap does this extremely well. From Twitter Bootstrap: Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more The problem? Many themes do not allow you to add custom CSS files easily. Even the Thesis Framework! So we take another approach and inject the CSS as one of the FIRST items in the HTML HEAD section. This way, no other CSS interferes first so you can be sure these bootstrap file can be used as a foundation/reset CSS. The CSS is only part of the solution. Twitter Bootstrap also have Javascript libraries to complement their Bootstrap CSS. These may also be added to your site with the option to add them to the HEAD of your site - by default they are added to the end of the BODY. We also wanted the option to alternatively include YUI "reset.css" and "normalize.css". These both form related roles to bootstrap, but are lighter. You could look at the difference between the styles as: reset.css - used to strip/remove the differences and reduce browser inconsistencies. It is typically generic and will not be any use alone. It is to be treated as a starting point for your styling. normalize.css - aims to make built-in browser styling consistent across browsers and adds basic styles for modern expectations of certain elements. E.g. H1-6 will all appear bold. bootstrap.css - is a level above normalize where it adds much more styling but retains consistency across modern browsers. It makes site and web application development much faster. Some References: Bootstrap, from Twitter: http://twitter.github.com/bootstrap/ Yahoo Reset CSS, YUI 2: http://developer.yahoo.com/yui/2/ Normalize CSS: http://necolas.github.com/normalize.css/

This plug-in is done by will being able to use the pictograph of TypePad with TinyMCE. The icon palette can be easily called from TinyMCE. for Japanese users このプラグインは、TinyMCE上でTy...

pePad絵文字を使えるようにします。 TinyMCE上から絵文字パレットを簡単に呼び出すことが出来ます。