General (43 plugins) | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
Custom CSS by PressBro | 1.1.0 | 100 | 2 | 343 |
| |||
This plugin allows you to easily write custom CSS to edit the look and feel of your site. This plugin allows you to easily write custom CSS to edit the look and feel of your site. Features: Ace editor Updates code with ctrl/cmd+s Responsive design Beautiful UI and UX Minifies the output | ||||||||
Add Custom CSS and JS | 1.0.0 | 100 | 2 | 683 |
| |||
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. | ||||||||
Reaktiv CSS Builder | 1.1.0 | 100 | 4 | 2062 |
| |||
Add user generated custom CSS directly in the dashboard. The Reaktiv CSS Builder allows site owners to add custom CSS for any part of the site directly in the dashboard. Unlike other CSS builders, this plugin creates an actual CSS file and loads that instead of putting it all in the head, allowing the file to be cached. Features CSS editor contains live syntax highlighting Multisite compatible Import and export capabilities | ||||||||
WP Remove Css - Js | 1.0 | 86 | 6 | 3137 |
| |||
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. | ||||||||
Easy Custom Css/Js | 1.3 | 100 | 2 | 1122 |
| |||
Add custom css to specific posts and pages and also option for responsive css, sass, less And Javascript. DESCRIPTION Easy Custom Css/Js plugin allow user to add custom css and js for wordpress site wihtout managing files. KEY FEATURES It is simple to use with multiple option. Permits customers to write css for mobile, tablet, and laptop, and desktop. Allow to add custom Javascript and Jquery. Reach Editor to make editing easy. Allow to set CSS for Specific Post or Page. For More Information, Please Click Here | ||||||||
CSS File Selector | 1.0.4 | 100 | 3 | 1718 |
| |||
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 | ||||||||
Tuxedo CSS Editor | 1.1 | 100 | 2 | 1285 |
| |||
Realtime CSS editing in the customizer with Sass, Less and Autoprefixer support. Edit CSS/Sass/Less and watch it update in realtime with the customizer. Features Use advanced CSS preprocessors Sass or Less. Autoprefixer support, write your CSS rules without vendor prefixes and let Autoprefixer add vendor prefixes for you. Syntax highlighting editor with options for color themes and font sizes. Sass and Less preprocessor options for compressed or uncompressed output. Autoprefixer options to control browser prefix output. Easily download processed output as a standalone css file. | ||||||||
Custom WP CSS & JS | 1.1 | 100 | 2 | 1366 |
| |||
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 | ||||||||
GoWorks Styler | 1.2.0 | 74 | 3 | 2118 |
| |||
Grab readers by the eyeballs GoWorks Styler adds new buttons to the WordPress visual editor, allowing you to enhance your posts and pages with custom colors, opacity, borders, padding, and more. Use ... GoWorks Styler to draw attention to important text on your page, to set off sections with colored backgrounds, or to create buttons and badges. New styling features GoWorks Styler makes the Background color button visible and extends both it and the Text color button with new opacity settings. The plugin also adds entirely new buttons to the editor. The new Border button allows you to highlight content with colored borders and adjustable line thickness, styles, and corner rounding. The new Spacing button works well with the border feature. Use it to set horizontal and vertical padding and margins around your content. Quick and easy style changes No CSS knowledge is required. To color text or backgrounds, select the text to be colored and choose a color from the Text color or Background color dropdown panel. You can add padding and margins with the Spacing button. To make a button or badge, color the text as above, and then choose a rounded border and suitable padding. Enjoy responsibly GoWorks Styler is not intended to compete with the well-designed styles in your favorite theme. Use its powerful features sparingly to make important content stand out. Enjoy! For more information, visit the official website for the GoWorks Styler. | ||||||||
Re-Order - Change CSS and JS Loading Order | 0.3 | 100 | 3 | 2181 |
| |||
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. | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
Adding CSS | 1.0 | 60 | 2 | 1481 |
| |||
Version: 1.0 Add CSS code in the Back-end and Front-end easily Make Css code in your administration, as you can also add additional CSS code in your website in a very easy way. This are some of the options Plugin: Add css code for the Front-end Add css code for the Back-end (Update 2 times) Gives shape and life to your WP-Admin and Page with 'Adding CSS in Wordpress' 😉 | ||||||||
WP-SCSS | 1.2.2 | 98 | 28 | 21150 |
| |||
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 | ||||||||
Easy custom css by webriti | 1.0 | 100 | 4 | 3493 |
| |||
Easy Custom css plugin allows you to enter custom CSS Rules without editing theme files. The Easy Custom CSS plugin allows you to quickly change the apprearance of your site without editing theme files. It is a simple plugin which does one thing and does it well. Simply activate the plugin, create your custom css . The Easy Custom CSS plugin works with any WordPress theme you have active on wprdpress. Give Easy Custom CSS a try. We are sure you will like it. In case you face any problem, contact us via the Forums. | ||||||||
Page Specific Stylesheets | 1.2.2 | 96 | 8 | 7188 |
| |||
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. | ||||||||
CSS Theme Override | 1.1.1 | 100 | 4 | 3728 |
| |||
Adds a settings panel to the Wordpress admin that allows you to specify css class or id styles and pages/posts to apply them to. If you've ever wanted to control how a particular part of your page or posts looks without having to modify the theme files or stylesheets, this is a simple plugin that allows you to do that. Once installed and activated, you'll have a new settings panel in the Wordpress admin that will provide you with a text area block where you can include any styling you'd like to use, and a second input field that allows you to insert a comma delimited list of page or post IDs to apply these styles to. Alternatively, you can enter 'ALL', and have your styles applied on every page/post. Bug Reports or Feature Requests https://trello.com/b/9Bio6kHl Follow me on Twitter https://twitter.com/jcummings1974 | ||||||||
Zia3 CSS Fullscreen Background Slideshow | 1.2 | 100 | 2 | 1947 |
| |||
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. | ||||||||
Global CSS by Joddit | 1.0.2 | 100 | 4 | 4049 |
| |||
Simple Custom CSS in WordPress: Create and manage custom stylesheets with a powerful CSS editor based on the CodeMirror JavaScript component. This plugin allows WordPress admins the ability to add and organize custom stylesheets within a friendly, familiar interface. The plugin also brings in the functionality of the CodeMirror JavaScript syntax highlighter component. This allows you to see your CSS in easily recognizable color patterns that will help you catch mistakes as you write. | ||||||||
Zia3 CSS JS | 1.0 | 80 | 8 | 8223 |
| |||
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). | ||||||||
Custom CSS and Javascript | 2.0.9 | 94 | 15 | 17404 |
| |||
Easily add custom CSS and JavaScript code to your WordPress site, with draft previewing, revisions, and minification! This plugin allows you to add custom site-wide CSS styles and Javascript code to your WordPress site. Useful for overriding your theme's styles and adding client-side functionality. Features: Code editor with syntax highlighting and AJAX saving to avoid reloading the editor at each save. Save and preview your CSS and Javascript as a draft that is only applied to logged-in users with the necessary permissions until you are ready to publish your changes to the public. View and restore past revisions of your CSS and Javascript. Automatically minify your custom CSS and Jasascript code to reduce file size. For the public, custom CSS and Javascript code is served from the filesystem instead of the database for optimal performance. Now available! Custom CSS and Javascript Developer Edition: Divide your CSS and Javascript into multiple virtual files to keep your code organized (the code is still served as one CSS and one JS file on the front-end for efficiency). Supports Sassy CSS (SCSS)! Live preview for CSS! Upload and download CSS and Javascript files, individually or in ZIP files. The developer logo and review/donation links are removed from the editor page in the WordPress admin. Click here to purchase! If you like this plugin, please consider making a donation. | ||||||||
Modular Custom CSS | 2.0 | 100 | 6 | 7244 |
| |||
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). | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
Very Simple Custom Style | 2.5 | 100 | 2 | 2905 |
| |||
This is a very simple plugin to add Custom CSS to change your theme or plugin layout. About This is a very simple plugin to add Custom CSS to change your theme or plugin layout. For more info please take a look at the Installation section. Question? Please take a look at the Installation and FAQ section. Translation Not included but plugin supports WordPress language packs. More translations are very welcome! Credits Without the WordPress codex and help from the WordPress community I was not able to develop this plugin, so: thank you! Enjoy! | ||||||||
Add Admin CSS | 1.4 | 98 | 20 | 33621 |
| |||
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 | ||||||||
Lazyest Stylesheet | 1.2.0 | 92 | 5 | 9479 |
| |||
Lazyest Stylesheet is a CSS editor that lets you customize your site design without modifying your theme or plugins. Sometimes you need to tweak some style definitions in your themes or plugins. Lazyest Stylesheet stores your additional styles away from your themes and plugin directories. You can safely update or change your themes and plugins without losing your hard work. Lazyest Stylesheet features an editor with syntax highlighting. This plugin offers the Edit CSS functionality as in Jetpack, without installing the whole Jetpack package. | ||||||||
Visual Developer Custom CSS | 1.0.2 | 100 | 2 | 4214 |
| |||
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. | ||||||||
Scripts n Styles | 3.3.1 | 92 | 18 | 38136 |
| |||
This plugin allows Admin users the ability to add custom CSS and JavaScript directly into individual Post, Pages or any other registered custom post types. You can also add classes to the body tag and... the post container. There is a Global settings page for which you can write Scripts n Styles for the entire blog. Admin's can also add classes to the TinyMCE "Formats" dropdown which users can use to style posts and pages directly. As of Scripts n Styles 3+ styles are reflected in the post editor. Because only well trusted users should ever be allowed to insert JavaScript directly into the pages of your site, this plugin restricts usage to admin type users. Admin's have access to even more sensitive areas by definition, so that should be relatively safe 😉 Notes about the implementation: Admin users, or more specifically, any user with the manage_options and unfiltered_html capabilities (which by default is only the admin type user) can use this plugin's functionality. Some plugins extend user rolls, and so this plugin would naturally extend include rolls that have the appropriate capability. CSS Styles are embeded, not linked, at the bottom of the head element with style tags by using wp-head. If your theme doesn't have this hook, this plugin (as well as most others) won't work. JavaScript is embeded, not linked, at the bottom of the body (or head) element with script tags by using wp-footer (or wp-head). If your theme doesn't have this hook, this plugin (as well as most others) won't work. There is no input validation. This plugin puts exactly what you type in the meta box directly into the html with no error checking. You are an Admin, and we trust you to be carefull. Try not to break anything. Do to the licensing of the libraries used, this plugin is released "GPL 3.0 or later" if you care about those things. Contact: You'll have better luck contacting the other if you try me on Twitter and Github. If that fails, I have an open thread on the support forums that will trigger an email. | ||||||||
Js Css Include Manager | 1.4.4 | 100 | 2 | 4420 |
| |||
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; } | ||||||||
Royal Custom CSS for Page and Post | 1.2 | 82 | 14 | 31574 |
| |||
This plugin will give a custum css option for every page and post separately. Royal Custom CSS for Page and Post Features Easy to use Light weight No need to configure More Thank you for using our plugin. Vist the blog post to know more. Give a Rating & Write a Review | ||||||||
WP Async CSS | 1.2 | 100 | 2 | 4835 |
| |||
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 🙂 | ||||||||
JP Custom CSS | 3.9.6 | 100 | 3 | 7596 |
| |||
Customize your site’s CSS without modifying your theme. This plugin will is no longer maintained. Feel free to fork it. Just the Custom CSS module from Jetpack. All credits go to Jetpack developers. Just saved you the trouble of taking Custom CSS module out of Jetpack and making it into an independent plugin. But.. Why? Why not? Privacy? Boilerplate? Similar Plugins JP Sharing - Share content with Facebook, Twitter, and many more. JP Widget Visibility - Control what pages your widgets appear on. JP Markdown - Write in Markdown, publish in HTML. JP Custom CSS - Customize your site’s CSS without modifying your theme. JP Gravatar Hovercards - Show a pop-up business card of your users' gravatar profiles in comments. JP Omnisearch - A single search box, that lets you search many different things. | ||||||||
Customizer Custom CSS | 1.1 | 100 | 3 | 7995 |
| |||
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. | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
Simple CSS | 0.4 | 98 | 19 | 59163 |
| |||
Add CSS to your website through an admin editor, the Customizer or a metabox for page/post specific CSS. Need to add some custom CSS to your site? Simple CSS gives you an awesome admin editor and a live preview editor in the Customizer so you can easily add your CSS. Want your CSS to only apply on a specific page or post? Simple CSS adds a metabox which allows you to do just that. Check out GeneratePress, our awesome WordPress theme! (http://wordpress.org/themes/generatepress) Features include: Full featured admin CSS editor Dark and light editor themes CSS editor in the Customizer so you can live preview your changes Metabox for page/post specific CSS | ||||||||
Custom CSS by Dev7studios | 1.1 | 100 | 2 | 6693 |
| |||
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 | ||||||||
Custom CSS - Whole Site and Per Post | 1.5 | 60 | 4 | 15183 |
| |||
Custom CSS - Whole Site and Per Post is no longer maintained / developed. We recommend you choose a different plugin. External Stylesheets. Add Custom CSS Styling to your WordPress Site - Style the Whole Site or Specific Posts / Pages. Easily Add Styling and External Stylesheets. Key Features Add custom CSS to the whole site or specific posts and pages Line numbering for ease of use Add external stylesheet as well as additional CSS Quick to get started - just activate and start adding CSS styles Tab indent CSS Choose an editor theme Credits CodeMirror - MIT Licensed - Copyright (C) 2015 by Marijn Haverbeke and others Font used on Banners and Icons - Oswald | ||||||||
My Custom CSS | 3.1 | 98 | 34 | 135542 |
| |||
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! | ||||||||
Simple Custom CSS and JS | 2.9 | 98 | 21 | 93008 |
| |||
Requires PHP: 5.2.4 Easily add Custom CSS or JS to your website with an awesome editor. Customize your WordPress site's appearance by easily adding custom CSS and JS code without even having to modify your theme or plugin files. This is perfect for adding custom CSS tweaks to your site. Features Text editor with syntax highlighting Print the code inline or included into an external file Print the code in the header or the footer Add CSS or JS to the frontend or the admin side Add as many codes as you want Keep your changes also when you change the theme Frequently Asked Questions What if I want to add multiple external CSS codes? If you write multiple codes of the same type (for example: two external CSS codes), then all of them will be printed one after another Will this plugin affect the loading time? When you click the Save button the codes will be cached in files, so there are no tedious database queries. Does the plugin modify the code I write in the editor? No, the code is printed exactly as in the editor. It is not modified/checked/validated in any way. You take the full responsability for what is written in there. My code doesn't show on the website Try one of the following: If you are using any caching plugin (like "W3 Total Cache" or "WP Fastest Cache"), then don't forget to delete the cache before seing the code printed on the website. Make sure the code is in Published state (not Draft or in Trash). Check if the wp-content/uploads/custom-css-js folder exists and is writable Does it work with a Multisite Network? Yes. What if I change the theme? The CSS and JS are independent of the theme and they will persist through a theme change. This is particularly useful if you apply CSS and JS for modifying a plugin's output. Can I use a CSS preprocesor like LESS or Sass? For the moment only plain CSS is supported, but you can check out the Pro version in case you need a CSS preprocessor. Can I upload images for use with my CSS? Yes. You can upload an image to your Media Library, then refer to it by its direct URL from within the CSS stylesheet. For example: div#content { background-image: url('http://example.com/wp-content/uploads/2015/12/image.jpg'); } Can I use CSS rules like @import and @font-face? Yes. CSS Help. If you are just starting with CSS, then here you'll find some resources: codecademy.com - Learn HTML & CSS Wordpress.org - Finding Your CSS Styles | ||||||||
SiteOrigin CSS | 1.1.3 | 98 | 79 | 401222 |
| |||
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. | ||||||||
WP Add Custom CSS | 1.0.0 | 92 | 30 | 153822 |
| |||
Add custom css to the whole website and to specific posts and pages. WP Add Custom CSS allows you to add custom CSS to the whole website and to individual posts, pages and custom post types (such as Woocommerce products). The CSS rules applied to the whole website will override the default stylesheets of your theme and plugins, while the CSS rules applied to specific pages, posts or custom post types will override the main stylesheet too. You can edit the main stylesheet from the the "Add custom CSS" settings page. The plugin also creates a new "Custom CSS" box in the editing area to add custom CSS to specific posts, pages and custom post types. Available languages: English German - thanks to Bodo Graumann Spanish - thanks to Dave Krul | ||||||||
Stylesheet Per Page | 1.1.2 | 80 | 2 | 10733 |
| |||
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. | ||||||||
Styles | 1.1.10 | 92 | 29 | 164027 |
| |||
Be creative with colors and fonts. Styles changes everything. 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. 🙂 Try a demo in TwentyTwelve. Features of the plugin Instant previews Text size Google Fonts with previews and search 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 TwentyEleven TwentyTwelve TwentyThirteen TwentyFourteen TwentyFifteen Styles for Genesis A third-party developer, The Stiz Media, maintains Styles add-ons for Genesis themes. Developer Resources Styles on Github pdclark on Github Code Walkthrough: How to add support for your own themes Contact @stylesplugin on Twitter Review this plugin Get support | ||||||||
Styleguide - Custom Fonts and Colours | 1.5.2 | 100 | 4 | 23567 |
| |||
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/ | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
Simple Custom CSS | 3.3 | 98 | 128 | 913083 |
| |||
Add Custom CSS to your WordPress site without any hassles. An easy-to-use WordPress Plugin to add custom CSS styles that override Plugin and Theme default styles. This plugin is designed to meet the needs of administrators who would like to add their own CSS to their WordPress website. New in Version 3.3 Added support for https:// Added base support for Danish language. Thanks @ThomasDK81! Tested for compatibility with WP version 4.4.1 Features Active Plugin Support Useful Code Syntax Highlighter No configuration needed Simple interface built on WordPress UI Virtually no impact on site performance No complicated database queries Thorough documentation Allows Administrator access on Multisite | ||||||||
Advanced CSS Editor | 3.1 | 86 | 6 | 78688 |
| |||
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. | ||||||||
TJ Custom CSS | 0.1.6 | 100 | 4 | 138501 |
| |||
Easily to add any Custom CSS code to your WordPress website. This plugin will enable a custom css manager on administration page to add Custom CSS code to your WordPress website. It will automatically override any theme or plugin default styles. It also very useful if you want to add customization to your website but do not want to edit your theme or plugin css files. It comes with two ways to add the custom css code: 1. Setting You can go to Appearance → Custom CSS, then you will see a big box/textarea. Put your css code there. 2. Customizer - Live Preview If you want to see the live preview while you adding the custom css code, then you can go to Appearance → Customize, after that open the Custom CSS section tab. Features Include: No configuration needed Live preview Easy-to-use Child theme alternative to add customization Uninstall procedure Plugin Info Developed by Theme Junkie Check out the Github repo to contribute. | ||||||||
Effects SubCategory (4 plugins) | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
CHBD CSS3 Accordion | 1.1 | 80 | 4 | 1678 |
| |||
This plugin will help users to create an eye catching accordion style with pure css3. This plugin will help users to create an eye catching accordion style with pure css3. Live Demo: http://www.arefin.me/plugins/chbd-css3-accordion/ Plugin Features Shortcode is Enabled. Wordpress Custom Post is Enabled. No html, css or php code is needed to know. Shortcode is generated with TinyMCE Small Button. Small in Size. Many More.. | ||||||||
Image Hover Effects Css3 | 3.0 | 88 | 13 | 5753 |
| |||
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 | ||||||||
Original Css3 Image Hover Effects | 2.4.2 | 52 | 5 | 4790 |
| |||
Original Css3 Image Hover Effects Is Fully Responsive & Mobile Optimized Css3 Hover Effects for your wordpress site. Original Css3 Image Hover Effects Is Fully Responsive & Mobile Optimized Css3 Hover Effects for your wordpress site. This Plugin created using only pure CSS3 properties. No JavaScript. Easy to use the amazing Image Hover Effects for your website. See live demo here: http://demos.codecans.com/orginal-hover-effects-item-view/ Video Tutorial: Features Fully Responsive & Mobile Optimized Easy to use No Javascript Pure CSS3 Chose Responsive Gird in Option Panel Button link for each hover item 12 Amazing hover effects Control Display Item In 1 Row Custom Circle Animation 4 Different Images Size Support Browser IE10, IE11, Firefox, Safari, Opera, Chrome, Edge Custom post enabled Category Support Custom ordering Amazing option panel Shortcode Powered Unlimited hover items Support Within 12 Hours Pro Version Features Original Css3 Image Hover Effects Pro Version Features : Fully Responsive & Mobile Optimized Unlimited Color Option Support Browser IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge Control Display Item In 1 Row Custom Button Color Custom Button Size Chose Font Layout Style Custom Font Size Custom Font Color Custom Css Panel Ready 27 Unique Hover Effects Customize Background Color For Each Style 500+Google Font Support Unlimited Hover Items External link for each hover item Chose Responsive Gird in Option Panel Control Margin/ space Between Two Items Open link in new tab Support within 12 hours Single Site License Developer License (unlimited use) | ||||||||
Lightbox CSS3 | 1.1.2 | 72 | 17 | 39609 |
| |||
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'. | ||||||||
Customizer SubCategory (0 plugins) | |||||
Unsorted Plugins (44 plugins) | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
SG-60 Style Guide Creator | 1.5.1 | 96 | 6 | 1092 |
| |||
The SG-60 style Guide Creator for WordPress was developed specifically with the designer in mind. Create a beautiful Style Guide in no time! The SG-60 Style Guide Creator makes communicating your ideas fast, easy and displayed within your vision board, with professional formatting. The name, “SG-60” was developed because of the speed and simplicity of the plugin. Now anyone from a seasoned professional designer to a developer just trying to better communicate their color scheme and font choices to their client can easily set up and include a new SG-60 Style Guide for each new client in under 60 minutes! Visit Plugin Site SG-90 If SG-60 is not powerful enough for your needs, check out our fully flexible pro version, SG-90 | ||||||||
CSSJockey Add-Ons | 1.0.7 | 86 | 4 | 776 |
| |||
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. | ||||||||
Media Player Style Kit | 1.0 | 100 | 7 | 2047 |
| |||
Change the colors of the WordPress media player directly from the Customizer. The WordPress media player is great and all, but the default styling doesn't fit into too many themes. Couple that with the fact that there aren't a lot of theme developers who add custom styles for the media player and you have the need for Media Player Style Kit - a simple way to change your media player colors without writing a single line of code. Features Easily editable colors in the familiar Customizer interface No need to write custom CSS or any other code Live previews of color changes inside the Customizer Replaces the media player buttons with the WordPress Dashicons font for easy customization Media Player Style Kit will work with any WordPress site, but I originally built it with Seriously Simple Podcasting in mind. How to contribute If you want to contribute to Media Player Style Kit, you can fork the GitHub repository - all pull requests will be reviewed and merged if they fit into the goals for the plugin. | ||||||||
Add CSS/Js by Duo Leaf | 1.0.8 | 100 | 3 | 1324 |
| |||
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 | ||||||||
Loginstyle | 1.0.1 | 98 | 7 | 3117 |
| |||
Brand and customize your login page without any coding knowledge. Loginstyle allows you to customize, style and brand your login page without any coding knowledge. Customize your login page with One Click Templates, change the color background, use gradients colors, add a background image, set unlimited form colors and style, set a custom logo, add social media buttons to the footer and much more! Live Demo: Loginstyle Demo Admin Demo: Loginstyle Admin Demo * Username: demo * Password: demo 5 Background Styles Solid Color Background Gradient Color Background Image Background Slider Background with 3 Animation Types (Premium) Video Background with Youtube or HTML5 Video (Premium) Stunning Effects Color Overlay Blur Image or Video (Premium) Dotted Overlay (Premium) Realistic Raindrops Effect (Premium) Interactive Molecule Effect (Premium) One Click Templates Pre-made layouts lets you set up your login page in no time! 4 One Click Templates for Free version 12 One Click Templates (Premium) Unlimited Colors Set colors with transparency for background, forms or fonts etc 600+ Google Fonts With over 600 Google fonts, customizing your login page has never been easier Responsive & Retina Ready All options are designed for use with any sized device, be it desktop, tablet or mobile phone. Social Icons Footer Add social links at the footer of your login page Add unlimited social links (Premium) Choose from over 100+ social icons (Premium) Developer Friendly Easily export and ship your own template with your theme (Developer) Full Features Set Content Width Change Font Family: 600+ Google Fonts Unlimited Font Colors, Link and Link Hover Color Change Login Redirect URL Remove Lost Password Link, Back to Link and/or Error Shake Background: Solid Color, Gradient Color, Image Background Background Effects: Color Overlay – Unlimited Colors with Transparency Show / Hide / Change Username and Password Label and Label Color Show / Hide / Set Username and Password Placeholder and Placeholder Color Set Input Font Color, Font Size, Text Alignment, Padding and Background Color Set Input Border Style, Color, Width and Radius Input Icons with Built in Icon Picker: 2 Username Icons, 2 Password Icons Input Icon Position, Alignment, Font Color, Background Color, Border Size & Color and Container Width Remember Me Checkbox Settings Checked By Default Change Remember Me Checkbox Label Color, Background Color, Check Color, Border Color and Border Radius User Default Logo or Custom Logo or No Logo Change Logo URL, Title, Margins, Width and Height Set Form Padding, Background Image, Background Color, Background Position and Background Repeat Set Form Border Style, Size, Color and Radius Change Submit Button Label, Padding, Font Size, Alignment, Background & Hover Color Set Submit Button Border Style, Size, Color, Hover Color and Borer Radius Change Submit Button Hover Transition Time Move Submit Button Row Add Footer Text Content and Set Alignment Up to 5 Social Buttons with 10 Built In Icons Set Social Icon Size, Color and Hover Color Custom CSS 4 One Click Install Templates Premium Features All Full Features Slider Background: Unlimited Slides 3 Slider Effects: Fade, Zoom In + Fade, Blur + Fade Video Background: YouTube or HTML5 Video Dotted Overlay Effect Blurry Image or Video Effect Realistic Raindrops Effect: Light or Heavy Rain Interactive Molecules: Light or Dark Molecules Unlimited Social Links in Footer with 100+ Built In Icons 12 One Click Install Templates Developer Features All Premium Features Export Custom Template Bundle with Theme for Sale Unlimited Domains Installation Technical Support If you encounter any bugs, please let us know at the support forum. | ||||||||
WP User Stylesheet Switcher | v2.2.0 | 90 | 12 | 5566 |
| |||
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. | ||||||||
oik-css | 0.8.1 | 90 | 2 | 958 |
| |||
Allows internal CSS styling to be included in the content of the page. Use the [bw_css] shortcode to add custom CSS as and when you need it. For designers, developers and documentors [bw_css] supports echoing of the custom CSS, allowing you to document the CSS you are using. For readability, the CSS is processed using the Generic Syntax Highlighter (GeSHi) processing. Use the [bw_geshi] shortcode for syntax highlighting of: CSS, HTML(5), JavaScript and jQuery, and PHP. Also supports language: none. Implemented as a lazy smart shortcode this code is dependent upon the oik base plugin. Use the [bw_autop] shortcode to disable or re-enable WordPress's wpautop() logic. Use the experimental [bw_background] shortcode to display an attached image in the background. | ||||||||
Genesis Style Trump | 1.0.4 | 100 | 18 | 11519 |
| |||
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/. | ||||||||
Style Stripper | 1.0.1 | 100 | 2 | 1305 |
| |||
Removes all inline style tags from the content of posts/pages/custom post types. | ||||||||
Gmail Style Preloader | 100 | 2 | 1428 |
| ||||
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 | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
Ultimate WordPress Preloader | 1.1 | 76 | 5 | 5003 |
| |||
Add CSS3 crossbrowser animated preloader to your site. Live preloader customizer. Work with ANY theme! This plugin allow you to easy add animated preloader to your WordPress based website. 5 Animated Preloader styles created with pure CSS3 (no images used!) 4 available Preloader sizes for every style in Preloader Control Panel Powerful Preloader Control Panel with live preview and live preloader customizer Plugin work with ANY theme Crossbrowser compatibility (work smooth in any modern browser) 100% Responsive all plugin elements and pages Detailed Documentation guide included Translation ready (PO/MO files included) Optimized for Extra fast work Work on mobile/touch devices Retina support This is a Free light version of Ultimate WordPress Preloader. Purchase PRO version to get this amazing features: 53 animated Preloader styles (4 sizes for each) 29 animated GIF Preloader styles (3 sizes for each) Preloader color changer (Unlimited colors) Preloader background color changer (Unlimited colors) Upload your own image to use as preloader Detailed Documentation guide Free Plugin updates and dedicated support Live Demo Ultimate WordPress Preloader plugin Live Demo: http://wp-plugins.dedalx.com/wordpress-preloader/ Pro Version To Buy Pro Version Please Click Here | ||||||||
IND Pricing Table | 2.2.1 | 60 | 6 | 6543 |
| |||
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. | ||||||||
Native Emoji | 2.0.2 | 96 | 5 | 5572 |
| |||
Insert emojis in your posts, pages, custom post types, and comments This is not just a plugin, this is the plugin for use emoji in a native way. When activated you will see a new button in your wordpress editor, from there you will be able to include more than 1,000 icons in to your posts, pages, and custom posts types If the Operative System doesn't support emoji, this plugin insert an image instead of the emoji code. Features Very Easy To Use More Than 1,000 emojis Supports Any Theme Supports Custom Posts Types iOS Native Emoji Android Native Emoji Read more about this plugin here Developed by Davabuu Designs If you like this plugin, please leave a review | ||||||||
Custom Login | Login page Styler | 5.3.5 | 88 | 158 | 186133 |
| |||
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 organizations 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. | ||||||||
Custom Stylesheet Extension for WPtouch | 1.0.8 | 100 | 4 | 5071 |
| |||
Adds a custom mobile only stylesheet for WPtouch. Custom Stylesheet Extension for WPtouch is a plugin that allows you to add a custom stylesheet to your WordPress theme that will control the css for mobile only visitors. You can change the location of the stylesheet in the admin. You can use the default stylesheet that is created once you activate the plugin. ** Note ** Default stylesheet location: /wp-content/uploads/wp-touch-stylesheet-addon.css | ||||||||
Bootstrap MCE CSS | 0.1.1 | 100 | 2 | 2588 |
| |||
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. | ||||||||
Blue Login Style | 1.4.0 | 98 | 19 | 26465 |
| |||
Blue Login Style is a tiny plugin which allows to customize your wp-login theme easily with a click. Blue Login Style is a tiny WordPress plugin that allows you to customize your login page with beautiful themes. Its features: ability to add message, change the login logo, ability to set login, logout and register redirect links and many more… Screenshots are available in Here Features Ability to choose nice themes with great options. Ability to add message in your login page. Add a custom logo of your wordPress blog as piece of cake. Add custom background image. Ability to set login, logout and register redirect links. Simple configuration panel. And so on… Plugin Author Website: Ali Mirzaei Follow on Facebook You can catch catch me on twitter as @alimirir | ||||||||
Advanced Image Styles | 0.4 | 94 | 57 | 83088 |
| |||
Adjust an image's margins and border with ease in the Visual editor. | ||||||||
Disable Emojis | 1.5.3 | 100 | 81 | 121067 |
| |||
This plugin disables the new WordPress emoji functionality. GDPR friendly. This plugin disables the new WordPress emoji functionality. Note: Emoticons will still work and emoji's will still work in browsers which have built in support for them. This plugin simply removes the extra code bloat used to add support for emoji's in older browswers. | ||||||||
WEN's IE CSS3 Support | 1.2 | 100 | 2 | 3016 |
| |||
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 | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
Form Styles For Contact Form 7 | 1.0.2 | 100 | 2 | 3196 |
| |||
Add stunning styles for forms that created by contact form 7. Impress your visitors with beautiful, professionally designed contact form themes Contact form 7 is a great contact form plugin. However, the generic styling doesn't make your site look well in the eyes of your visitors. Contact forms should look professional since it partly represent your image. With Contact form 7 style plugin, you will get your contact page designed for free. With a decent collection of contact form themes, you can switch between styles easily to make your contact page fit to your current theme. No matter what theme you are using for your site, you can easily find a suitable style for your contact page. This plugin is proudly presented by the team at core37.com | ||||||||
Genesis Site Title Styles | 1.10 | 100 | 2 | 3348 |
| |||
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. | ||||||||
Gravity Forms CSS Themes with Fontawesome and Placeholders | 8.5 | 86 | 6 | 10305 |
| |||
The plugin will enable you to use FontAwesome icons, placeholder and cool CSS themes! Styling your Gravity Forms in a quick and easy way, with pre-made themes. See all examples If you are looking to style your forms, add placeholders, FontAwesome Icons or Custom Css Themes for Gravity forms, try this plugin. You can read all this or see what this free version can do at Gravity Forms CSS Themes . The free version has fully working FontAwesome Icons and placeholder, the only limitation are 2 themes (styles) (7 in full version, be so nice to get it:) Advanced back-end makes it easy to modify colors, backgrounds, borders, etc. to suit your site. The plugin will enable you to use FontAwesome icons (you can choose to enqueue them or leave it for another theme/function). Another thing you might like are the placeholders (no labels on the side, the guide text is in the input field). Every website has a form. Company website, personal website, leadgen website. For most of them, the form is the most critical part of the website. It generates leads, clients, business. Playing with the form, making it more prominent, can increase your conversions by hundreds of percent (personal record of 1,200%). So if you really care about your business and conversions, try to care about your form. Is it conspicuous, or is it the basic one that came with your theme? If in problems, watch the video at Gravity Forms CSS Themes . Need customization? | ||||||||
Advance Login Style | 1.2 | 74 | 3 | 5296 |
| |||
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 | ||||||||
Easy Wysiwyg Style | 1.2 | 100 | 5 | 10181 |
| |||
The Easy Wysiwyg Style WordPress plugin makes it even easier to format your content and customize your site. Enhances your Wysiwyg and includes the in The Easy Wysiwyg Style plugin allows you to see your styles in the editor in real time. You won't need to press preview. Enhances your Wysiwyg and adds the insert table functionality. Open Settings -> Easy Wysiwyg Style Specify the Context Class name (if exists). The context class name is the css class that wraps the container where you place your Wysiwyg content. Specify the CSS file location in your theme (style.css , css/style.css) From v1.1 It adds the insert table functionality. Do you use worpdress admin with an iPad? Don´t worry, this plugin is fully adapted for tablets and smartphones. Thank you for downloading! your feedback is well appreciated! | ||||||||
Responsive Styled Google Maps Simplified | 1.8 | 82 | 7 | 14414 |
| |||
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. | ||||||||
WP Emoji One | 0.6.0 | 82 | 7 | 15151 |
| |||
Add Emoji One emoticons to your posts and pages. This plugin will enable you to use the open source Emoji One emoticons in your posts and pages. There are over 1100 emoticons for you to use. Based on the TypePad emoji for TinyMCE plugin by picmo. Emoji set designed and offered free by Emoji One. | ||||||||
Bootstrap Gravity Forms | 0.3 | 100 | 2 | 4398 |
| |||
Adds Bootstrap styles to Gravity Forms Enqueues a stylesheet that adds Bootstrap styles to Gravity Forms forms. | ||||||||
SpatialMatch Lifestyle Search | 2.6.4 | 60 | 3 | 7323 |
| |||
Compete with the Big Portals! Capture leads with unlimited search maps using 100 integrated databases. Real-time interactive interface. Excellent SEO. SpatialMatch® FREE Lifestyle Search is a revolutionary lifestyle real estate search engine plugin for real estate professionals focusing on the broader lifestyle needs of a potential homeowner. SpatialMatch® FREE Lifestyle Search enables the dream by allowing consumers to search for the particular area(s) that best match the hyper-local factors that impact the style and quality of life (i.e. the consumer "lifestyle"). Consumers can search for neighborhoods or communities based upon any combination of parameters relating to demographics, education, points of interest, neighborhoods, and more (i.e. looking for the micro communities in a particular area that are in close proximity to the right high school, favorite coffee shop, place of worship and grocery store(s) is critical to today's real estate consumer). SpatialMatch® FREE Lifestyle Search plugin instantly improves your websites competitiveness. It delivers a fun, interactive map-based user experience that displays all their selected lifestyle factors. Build and manage unlimited maps to be used in pages and posts. Also included are great sidebar, header and footer widgets for creating a quick search option, popup map buttons and more. For instance, you regularly blog about the monthly sold homes in specific neighborhoods...now you can create a map, draw or select the area and turn on "recently sold" and you have a wonderful visual aid to drop into your posts. Also available with integrated IDX listings. | ||||||||
Styles & Layouts for Gravity Forms – Best Gravity Forms Styler, Designer | 4.2.1 | 86 | 55 | 154895 |
| |||
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. | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
Visual CSS Style Editor | 5.5.5 | 84 | 26 | 73571 |
| |||
Yellow Pencil is a WordPress style editor which allow you edit the website design in real-time. Watch the following short video for learning quickly or Try live demo now. Visual Editor The plugin allows you customize any page and theme. Click on an element and start visual customization. Adjust colors, fonts, sizes, positions and a lot more. Take control of your website with more than 50 styles properties. Yellow Pencil provides everything that you need for customizing your site design. The plugin comes with advanced features like visual resizing, drag & drop, measuring tool as well as a ton resources that background patterns, sweet fonts, and trend color palettes also it has an advanced responsive tool which allows you customize your site for any screen size. How does this work? The plugin creates CSS style codes like a professional web developer in the back while you are playing with colors. Some Key Features 600+ Font families (Pro Version) 300+ Background patterns (Pro Version) Trend color palettes (Pro Version) Measuring tool Animation generator Animation manager Responsive support Hover & Focus selectors Selector search tool Drag & Drop feature Wireframe mode 50+ Animations (Pro Version) Smart guides Design information Color picker (Pro Version) CSS3 filter effects (Pro Version) 50+ CSS properties Support custom selectors Live Resizer (Pro Version) Live CSS Editor Export Stylesheet File CSS Manager Undo & Redo feature Clean CSS output Customize any page Automatic Update Shortcuts Well Documentation This is a lite version and some properties not available. Upgrade to Pro Version to unlocking all features or take a look at Plugin Website for getting more information. | ||||||||
CSS & JavaScript Toolbox | 8.3.1 | 94 | 65 | 191453 |
| |||
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. | ||||||||
bbp style pack | 4.2.1 | 96 | 66 | 202298 |
| |||
Contributors: Robin W For bbPress - Lets you style bbpress, and add display features This Plugin lets you style bbpress, and add display features You can change the forum styling for elements, letting you match (or contrast!) bbpress to your theme Many features are available at the click of a button, such as creating vertical lists, adding create new topic links, hiding counts and much more | ||||||||
Styles: TwentyThirteen | 1.0.6 | 100 | 7 | 21808 |
| |||
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 | ||||||||
Styles: TwentyTwelve | 1.0.7 | 100 | 4 | 13911 |
| |||
Be creative with colors and fonts. Styles changes everything. This plugin adds suport for the TwentyTwelve theme to the Styles plugin. Try a demo in TwentyTwelve. http://youtu.be/CpKiZEqpcr8 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 | ||||||||
Genesis Printstyle Plus | 1.9.3 | 100 | 6 | 21311 |
| |||
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! | ||||||||
Contact Form 7 Style | 3.1.1 | 96 | 24 | 90231 |
| |||
Requires PHP: 5.6.0 Simple style customization and templating for Contact Form 7 forms. Requires Contact Form 7 plugin installed. Contact Form 7 Style plugin is an addon for Contact Form 7 which needs to be installed on your wordpress blog. Supports custom styling, which can be easily managed via admin dashboard. Also has predefined templates like Simple Pattern, Valentine's Day, Christmas that can be activated on your Contact Form 7. This plugin requires the Contact Form 7 plugin Custom style options: - color styling, - custom fonts ( google fonts included ), - styling for input fields, text, textarea, labels, submit button, messages - border-color, - form background-color, - form background-image, - form container styling, - form container background-image styling, - customized style can be imported / exported - quick edit option - support multiple forms with different design - Style Template Slider on the Contact Form 7 form Settings page - px,em, % unit selector for all the specified style settings - possibility to change the syling for the HOVER state of each element - live preview on changing/adding the new style properties of each element - possibility to customize error messages, success messages and warning messages - setting page, where can re-import deleted default templates, deactivate collecting data and / or manipulate the appearance of the "edit style" button on the page where you have your contact form 7 form Support can be found here. or you can check the FAQ section. | ||||||||
Styles: TwentyFourteen | 1.0.2 | 88 | 10 | 37844 |
| |||
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 | ||||||||
TinyMCE Custom Styles | 1.0.9 | 80 | 8 | 32334 |
| |||
Improve TinyMCE visual editor by adding custom editor stylesheets and a configurable styles dropdown. Clients and colleagues tend to get crazy if they have to edit HTML code on their own or if little things are not working as expected. Make your editing experience as simple and good as possible! This Plugin does two things for you: A. Installs two files – editor-style.css and editor-style-shared.css – into your chosen location (so you can still do updates of the Plugin), which can be edited in the backend of your site. editor-style.css is used for styling your TinyMCE Editor editor-style-shared.css is used for styles to be used in your theme AND in your TinyMCE editor (so you do not have to copy) Note: To use this feature, you have to write your own CSS code into these files, which is the only professional way to do it. B. The main feature of this Plugin is to offer a GUI to create custom style formats for TinyMCE dynamically. Easy to add, change and delete No editing of source code required Note that each style can have both CSS Classes and/or CSS Inline-Styles. The latter (excepting color) will even be applied to the Formats dropdown menu items. However, I do not recommend inline styles as they are inserted into the text of the post/page and remain unchanged if you later alter the style in the plugin settings – so in general stick to Classes! How the two stylesheets are applied The shared style sheet file is enqueued to be included on frontend pages (via the usual <link> tag in the <head> area) using the standard WordPress function wp_enqueue_style. So, as with most other stylesheets, the statements in it will automatically apply to the whole HTML page. So define class names which will not collide with any already in use by the theme – and never define styles for html elements without a limiting class name which would apply to all elements of that tag type. Bad: li { font-size: 2em; } Good: li.myownlarge { font-size: 2em; } Both stylesheets are passed to tinyMCE by calling: add_filter(‘mce_css’, …) What this causes to happen is that they are linked in to the HTML document which is the source for an <iframe>, which is the editing area of tinyMCE. So they should definitely only apply to HTML in the iframe – although I have heard that some situations, e.g. a cache plugin, may break this mechanism. WordPress MultiSite Although it does not check for MultiSite, the plugin works in the MultiSite environment, since WordPress uses a separate Options table for each MultiSite. You can reuse the same CSS files (by supplying the same custom directory in each Site), or add separate ones for each Site. Current Languages en_US de_DE (David Stöckl and Tim Reeves) Compatibility with other tinyMCE plugins This plugin is compatible with a number of others which also enhance TinyMCE in different ways, in particular: Preserved HTML Editor Markup Plus Visual Editor Custom Buttons tinyWYM Editor Advanced TinyMCE Config WP Editor (enhances the “Text” tab) WP Edit (by Josh Lobe) Here is a detailed description of how to put all these plugins together (in german). Credits This plugin is a fork of TinyMCE Advanced Professsional Formats and Styles which has been abandoned by the original author. Initially I just fixed a JavaScript bug so that it worked again, and cleaned up the code and messages a bit. In versions 1.0.2 and 1.0.3 I did a lot more work on the settings page, see the changelog. 1.0.4 preserves standard styles and those of other plugins, and adds an option to add a submenu for its styles. If anyone wants to help me keep this great plugin alive and further improve it, please do! Especially translations are very welcome. David Stöckl, Vienna, the original author. Many thanks! The plugin icon (Der Bitkönig) was painted by Gabriele Meischner, muchas Gracias! | ||||||||
Widget CSS Classes | 1.4.0 | 98 | 52 | 250427 |
| |||
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 | ||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | |||
TinyMCE and TinyMCE Advanced Professsional Formats and Styles | 1.1.2 | 78 | 12 | 71319 |
| |||
Improve, style and customize TinyMCE / TinyMCE Advanced using custom editor stylesheets and a dynamically configurable styles dropdown. Clients tend to get crazy if they have to edit HTML code on their own or if little things are not working as expected. Make your editing experience as simple and good as possible: Customize TinyMCE / TinyMCE Advanced (or other TinyMCE variants) to fit your needs. Basically, this Plugin does two things for you: A. This Plugin installs two files editor-style.css and editor-style-shared.css into your Theme folder (so you can still do updates of the Plugin), which can be edited in the backend of your site editor-style.css is used for styling your TinyMCE Editor editor-style-shared.css is used for styles to be used in your theme AND in your TinyMCE editor (so you do not have to copy) Note: To use this feature, you have to write your own CSS code into this files, which is the only professional way to do it. B. The main feature of this Plugin is to offer a GUI to create custom style formats for TinyMCE dynamically Easy and very fast to add/change/delete You do not have to change one single line of source code Current Languages: en_US de_DE es_ES (Andrew Kurtis, webhostinghub.com) sr_RS (Ognjen Djuraskovic, firstsiteguide.com) Please report any bugs you may encounter and support this Plugin if you like it. Plugin URL: http://www.blackbam.at/blackbams-blog/2013/06/03/wordpress-plugin-tinymce-and-tinymce-advanced-professsional-formats-and-styles/ | ||||||||
WordPress Twitter Bootstrap CSS | 3.3.7-1 | 84 | 26 | 247648 |
| |||
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/ | ||||||||
WP PageNavi Style | 1.4 | 96 | 17 | 187444 |
| |||
Adds a more styling options to Wp-PageNavi wordpress plugin. First i will like to say thanks to Lester 'GaMerZ' Chan & scribu for this beautiful wordpress page navigation plugin. To Use this plugin you must have Wp Pagenavi plugin installed on your wordpress blog. Links: Pagination Demo Documentation | wp pagenavi Plugin News | ||||||||
TypePad emoji for TinyMCE | 1.5 | 90 | 2 | 27364 |
| |||
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上から絵文字パレットを簡単に呼び出すことが出来ます。 | ||||||||
Queued for SubCategorization (1 plugins) | |||||||||
Plugin Name | Version | Rating | Reviews | Downloads | Flag | ||||
CSS3 Transitions | 1.3 | 74 | 3 | 8128 |
| ||||
Description: Automatically adds CSS3 transitions to your website/blog. Elements with hover/active/focus states get animated transitions. This plugin automatically adds CSS3 transitions to your website/blog and the WordPress admin. Links, etc. get animated transitions between their normal and hover states. CSS3 Transitions are supported by the most recent version of every major browser (Chrome, Internet Explorer 10, Firefox, Opera, Safari); browsers without support will continue to render everything as they had before. This plugin adds the transitions (eye candy) to all <a> (link), <li> (list item, usually used in navigation menus), <img> (image), and <input> (form field and button) tags that have a hover or focus state defined (for example, if links change color when the mouse hovers over them). Other "buttons", form elements, and WordPress-specific selectors are also targeted. 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 theme, the transitions may not be noticeable. Also, please note that image sprites simply don't work well with blanket css3 transitions. If you see wierd animations where images scroll between their normal and hover states, they're using sprites. Depending on where the sprites are used, there are various ways to prevent the behavior on those elements, while retaining transitions where desired. One method is to add an inline style attribute to those elements: style="transition: none; -webkit-transition: none;". Adding the css to your theme will override the plugin's css as long as you target the elements using sprites by class or id. Please feel free to offer any feature suggestions you might have and I will consider them for future releases. CSS3 Transitions UX Theory Because of the way our brains process images, in simple terms, instant/sudden changes are generally not as well perceived as more gradual ones. In the physical space, we never see instant changes, like slides changing with no animation in a PowerPoint, but with digital technology this is a very common practice. When websites make use of hover states, for example, if a link changes color when the mouse hovers over it, they exhibit small, but instant visual changes. Adding the css3 transitions makes these changes more gradual, and therefore easier on the eye. For this same reason, operating systems now tend to make use of a lot of animations. There's a lot of neuroscience behind these concepts, but I'm not well versed in that. Basically, slight animations generally look better than instant changes. Some people will argue that things aren't as "snappy" or seem slugish with transitions, but if that's the case, it's only a matter of adjusting the animation timing function and duration. | |||||||||