Video

If you open the video on YouTube, you can find the chapters of the different settings in the description.

Changing the CSS

It might seem intimidating, but it really is super easy. To change a design of some element, all you have to do is to find the class of that element and then write the rule for it in Theme Options (Customize) -> Additional CSS.

How to find a class

To find a class of a particular element, you first have to open the Developer Tools in your browser. Just google how to open those depending on your browser. In the Dev Tools, you want to select the element and then find which class it has.

How to write CSS

The CSS is written in this syntax: .class{property:value;}. The only part that Google or ChatGPT can’t tell you, is the name of the class. You have to find that by yourself. The rest you can always search for.

Changing properties of pages or single portfolios

If you want to change something on all of the pages or single portfolios for example, you have to find the class of the HTML Body element. So for example all the single portfolios have a class “single-portfolio”. So if you want to change the background color, you would write: .single-portfolio{background-color:black;}

Important rule

In case your rule doesn’t apply, it might be, that there is another rule in the CSS code that the browser gives preference. To override that, you want to add “!important” after the value, so f.e. : .single-portfolio{background-color:black!important;}