Changing site colors (menu bar, icons, etc...)

Visit the dashboard of the specific site you want to edit. Then, follow the instructions below:

To change the color of your site's title:

Appearance > Customize > Site Identity > Site Title/Tagline Color > Select Color > Publish.

To change the background color of your site:

Appearance > Customize > Colors > (You can select "Dark Mode") or choose a specific color > Publish.

To change the secondary color of your site:

This includes elements like the top navigation bar, search button, video icons in the thumbnail, category identifier in the thumbnails, sidebar widget separator lines, and "move to the top of the site" arrow.

Appearance > Customize > Additional CSS >

Find the line that says:

before {background-color: #2271B1 !important;}

... and replace the color code #2271B1 with the color code you want to use. Publish.

To change the "on hover" color of homepage post titles:

Appearance > Customize > Additional CSS >

Add the following code at the bottom:

/* Change hover color of homepage post titles */

h3.article-title.article-title-1 a:hover {color: #FFFFCC !important; }

Replace the color code #FFFFCC with the color code you want to use. Publish.

Article Details

Article ID:
349