All user of WordPress has been with the necessity to change to some visual aspect of the group that is using, or the color of some text, the spaced one of elements, width of images so that they adapt to small screens the more, etc.

With a little knowledge of HTML and CSS we can change these characteristics in WordPress easily. For it, we have several options, we see each one of the methods to add additional CSS to WordPress.

Personalizador WordPress (additional CSS)

Additional CSS of the Personalizador de WordPress


From the version of WordPress 4,7, the CMS offers the option to publish the CSS from the panel of the personalizador. For it, we accede from the menu to Appearance > To personalize , and chose additional CSS . From this panel we can personalize of a simple and direct form the content of our Web WordPress.

Advantages to use the additional CSS of the personalizador of WordPress

The advantage that presents to add code CSS from the personalizador of WordPress is that the changes which we are applying will be applied in real time in our page, aside from having the publisher at the hand with a pair of click. It is a good method - and comfortable for small changes. In addition, it has the options of visualization for tablets and mobiles, reason why you can be verifying if the design adapts correctly.

The code that we add to the additional CSS of WordPress keeps on the basis of data, which can be a weapon of double edge, but very useful at the time of changing of subject or it soles. The CSS of personalizing only affects to the present subject, reason why it will disappear when this it changes, being kept in case we decide to return to the previous subject. That is to say, we do not have to worry us to eliminate or to recover our personalisations when changing the Theme.

Disadvantages to use the additional CSS of the personalizador of WordPress

The disadvantages are that, on the one hand, the screen of the publisher is narrow, located in lateral the left one of the screen, reason why discomfort can be made apply to customized styles a little to us more complete, with more amount of code.

And on the other hand - what I consider more important, if we needed much code at the time of personalizing and, since there are saying, keeps in the data base WordPress, we are generating extra accesses with data to read our personalisations and, therefore, influencing in the yield and speed of load.

By his advantages, it can be a good option to prove code in your page before adding it by another method that you consider optimal. That is to say, a use similar to which can be given the inspector of elements of Chrome or any other navigator who incorporates it.

Plugins to publish the CSS of WordPress

Like the personalizador, are also options of plugins to publish CSS in WordPress that work similarly. There is multitude of them, some of most popular can be:

Simple Custom CSS

One of plugins more popular for this aim.

WordPress Simple Plugin Custom CSS
Plugin de WordPress WP Add Custom CSS


WP Add Custom CSS
You will be able to apply styles in all your website or CSS for specific entrances.

SiteOrigin CSS

SiteOrigin CSS Plugin WordPres

This plugin adds, in addition to the option to add CSS, a vi that it facilitates to personalize elements of our page if much knowledge of this language is not had.

Simple Custom CSS and JS

Simple Custom CSS and JS WordPress Plugin

If in addition you need to personalize options of Javascript, this plugin will be your ally.

Simple CSS

Simple CSS WordPress Plugin

Similar to WP Add Custom CSS, a simple and effective option.

The election of one of them will depend on your taste, if it is updated, if he is light, etc. and, by all means, of the needs that you have. As a rule, all offer the possibility of adding CSS that prevails over that it owns your present subject. If you need something more specific, as CSS for individual pages, edition of JS or a visual publisher, you can decide you by whom one adapts more.

One of the main disadvantages to use plugin is, indeed, that is plugin. That is to say, you are making extra uses of resources to realise this function, that in this case can be realised of simple form without resorting to it.

Whenever the use of plugin can be avoided, we are going to try it.

A last note with respect to plugins: with Gutenberg, we will have a publisher with personalisation options more outposts, although we must have well-taken care of where we applied the styles and, if we shared Web or he is developed for a client, the colors and styles that add. We do not want a full psychedelic page of colors, sizes and sources, sure, this is question of pleasures. You do not worry, we will speak of the new publisher of WordPress that as much commotion is creating more ahead.

To publish the CSS of WordPress through a Subject Hijo or Child Theme

To create a subject son (or child theme) will always be recommendable, without concerning the subject with which you work (I would say obligatory). Click to tuitear

Another option to modify the CSS would be publishing the file directly style.css of the subject that you are using. Sure, this can suppose a problem at the time of updating the same, since the update could crush what you have published and lose the changes. Of there, that is created a subject son, whose file style.css, as well as the rest of which we create, are going to be out of danger at any moment, and will have major priority that the same archives of the subject father. This also serves to add HTML or PHP to us, reason why we can modify or add elements, structures or functionalities.

If you do not know how to create it, you do not worry, you have a small manual to create subjects children in the official documents of WordPress and some plugins that can also help you with this. In addition, some subjects already incorporate the son to do it to you easier. Also we will speak of the subjects children or child themes in some of our entrances advanced more, since to modify the CSS through subject son it would be our favourite option!

In order to publish the CSS in this almost the publisher of WordPress can be used (Appearance > Publisher ) either making use of FTP, to accede to the file and power to comfortably publish style.css of the subject son the more with your favourite publisher.

To publish the CSS of WordPress through a Subject Hijo or Child Theme

And if you do not have much idea of CSS, we always are in time to learn something new, and with much more reason if we have one or several Webs that we want to personalize. We recommended tutorial to you CSS of w3schools, although you have many others.

And, as always, if you need help, you do not doubt in contacting with us! We did not consider the best ones of the world, but quite professional, and to a quite competent price 🙂