Home » CSS » What’s the best way of using CSS to affect the look of a WordPress Website?

What’s the best way of using CSS to affect the look of a WordPress Website?

By in CSS on .

I think the best way is to store your CSS style information that will override the website’s theme style is in the file style.css. This file should be in the child theme’s folder.
The look of your website design is controlled by CSS. So if you have a certain style of paragraph you use on your website to emphasis a ‘sales offer,’ for example red italic, then you would need to give this paragraph style a name such as ‘sales.’
The website CSS you would type into your style.css file would be:

.sales  {
    color:red;
    font-style: italic;
}

This style is called class styling. You can simply place this at the end of the child style.css your WordPress developer has set up for you.

In order to format a paragraph as ‘sales’ you can simply go into the WordPress’ webpage editor, place it into text mode see here. and then modify it like this:

Before:

<p>This is my sales paragraph in the website</p>

You may not see the <p> and </p>. These are HTML webpage paragraph tags.  You can also use <span> </span> instead.

Change whatever you have to:

<p class='sales'>This is my sales paragraph in the website</p>

The words "This is my.... in the website" will be red and italic after you update your page and view it.

 

 

 

Support