Three Tips to Organize Custom CSS Properly | What is CSS? CSS is a short form for Cascading Style Sheets. You can learn about CSS in more detail on our page what is CSS.

If you are blog player, maybe you are working often with CSS to make your web more control for font size, position of an element, color and more. All of these you can control it by using custom CSS.

In this short article, I will give you some tips how you can organize your custom CSS. So, if you want to refer your custom CSS in the future, you can do it easily.

Organize Custom CSS Properly

This tips for WordPress user only.

Tips #1: Use custom CSS box provided by theme

Everyone knows. All of WordPress theme design comes with a section for custom CSS. So, all your custom CSS just put in this section.

The advantage is, if you update your theme, your CSS will not lose. So, you do not need to edit your CSS every time after update the theme.

Tips #2: Separate your CSS rules

Every time you make a custom CSS, make sure you making a separator to separate each CSS function. For example, you can see below.

Have you looked the example above?

The format to separate your CSS just write like this.

/*- – – – -Write your CSS function here. Then put your CSS below it- – – – -*/

If you want to refer your CSS next time, you will know what the CSS function is.

Tips #3: Use CSS hero plugin

CSS Hero is the definitive WordPress plugin to easily customize the look of your Themes and Plugins with an easy and intuitive point and click interface. So, you no need to know the code of CSS to implement it in your WordPress.

Conclusion

In this article, you have learned how to organize your CSS properly on your WordPress site.