Making Style Changes Using a Visual CSS Editor

Even though you use the same WordPress theme that already hosts a bunch of other websites across the world, this doesn’t mean you need to follow the same visual path. You can tune it on your personality and create a website that grabs the right kind of attention.  However, we suggest you play around with the theme’s option and start from there.

In this article, we assist in the process of making specific style changes by using the right Visual CSS Editor Plugin — SiteOrigin CSS (check out their documentation as well). The truth is that one of the challenges you could face while editing your site’s design is simply knowing how to find the correct selector to use.

Step 1 — Try SiteOrigin CSS

In just a few words, SiteOrigin CSS is a CSS editor that allows you to make quick visual changes to your website in no time, regardless if you’re a beginner or have the in-depth technical know-how. However, we highly recommend you to use it carefully and only when you plan to do some basic changes, such as shifting a color or hiding some elements. Otherwise, you can easily broke the entire look and feel and take bad decisions.

Here’s what you need to do:

  • Log into your WordPress Dashboard
  • Go to Plugins → Add new → type SiteOrigin CSS in the search box (screenshot)
  • Click on Install now, and then on Activate Plugin

Now, if you go to Appearance → Custom CSS you will find the SiteOrigin interface, so you can start exploring. You also have access to a short video about how you can get started with the right foot.

Step 2 — Make the Right Visual Tweaks

First of all, please keep in mind that you can use this Visual CSS Editor plugin to customize the appearance of any WordPress theme you have. It works by allowing you to quickly add your CSS styles, which, in turn, offers you the freedom to override the default styles of your theme.

By using simple control, you can manage in real-time the changes that you’re making. This way, you will skip unpleasant surprises by the end of the journey. Make sure that you have a clear goal when you start working with this SiteOrigin CSS, and you know where you are heading with your website.

The only reason why we recommend you give SiteOrigin CSS a try is that we tested and everything works fine. Moreover, we’re always interested in finding solutions that are easy to use and don’t require massive coding knowledge.

Updated on June 13, 2017

Was this article helpful?

Related Articles