How to use Custom CSS

Owned by Margarita Zavialova
Last updated: May 02, 2023 by Lisa Shishkina (Unlicensed)
2 min read

Custom CSS - it’s a style sheet language that helps you control the look of several pages on a website all at once using just a single file. Through of custom CSS, you can change font-family, font-size, line-height, color, background-color, height, width, margin, etc.

How to use it:

1. Click on "inspect" in the menu that appears after clicking the right mouse button;

 

2. Tap on icon “Select an element in the page to inspect it” or use Ctrl+Shift+C ;

3. Select what you want to change and try it;

Example: changing color of text in footer.

 

Change color from #f66 to #00ff00

Now you can see how it will look

4. Copy the block with the change (you can leave only the changed line);

5. In the Admin Panel, go to the Domains section and find the Custom CSS column. Put your changes there.

Don’t forget to Update