Header

Hi Jaco

Please keep in mind that unless you’re editing a style.css file in a child theme all your changes will be overwritten when you update Origami. The best place to put Custom CSS is under Appearance > Custom CSS, our tutorial for doing this is here: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

If you’re wanting to edit the colors of the main menu in Origami, here is the Custom CSS required:

/* Origami Menu */

#menu ul li a {
color: #505050 !important;
}

#menu ul li a:hover {
color: #505050 !important;
}

You can change the default color #505050 to the color you need.

Let me know if this isn’t what you’re looking for.

The CSS snippet I sent will only apply to the menu, if you want to add a visited color it would look like this:

/* Origami Menu */
 
#menu ul li a {
color: #505050 !important;
}
 
#menu ul li a:hover {
color: #505050 !important;
}

#menu ul li a:visited {
color: #505050 !important;
}

You’ll then need to edit my color values with yours.

Are you talking about the h1 in the header? That shouldn’t have any hover or visited styling. If you want to add it then it would look like this:

#logo h1:hover { color: red; }
#logo h3:hover { color: red; }

Please review our Custom CSS tutorial here: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/. I’m sure you’ll find it helpful.