Home>Support>Change the color of menu set in the ‘header right’ location

Change the color of menu set in the ‘header right’ location

By tarafox, 7 years ago. Last reply by tarafox, 7 years ago.

I am using the Tesseract theme at RoadwayConcepts.com
I have made a menu for our phone number and placed it in the ‘header right content box’
The color of font is white by default. I want to change the color to blue to match the main menu in the header.

How do I change the color of the menu placed in the ‘header right’ location?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Tarafox,

    Do you have a public URL where we can take a look at your setup? This will allow me to work out how to do this.

    With that said, you should be able to do this with the help of SiteOrigin CSS.

  2. 7 years, 4 months ago tarafox

    Yes, our URL RoadwayConcepts.com

  3. 7 years, 4 months ago tarafox

    I uploaded the SiteOrigin CSS pluggin but I don’t know how to access it in order to benefit the site.

  4. 7 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Tarafox,

    Please add (and adjust) the following CSS to WP AdminAppearanceCustom CSS:

    #menu-wp-customer-area-menu a {
    	color: #0f0;
    }
    
    #menu-wp-customer-area-menu a:hover {
    	color: #f0f;
    }
    

    I would recommend giving the SiteOrgin CSS Getting Started guide a read/watch.

  5. 7 years, 4 months ago tarafox

    Wow Alex, thank you so much for your help. Everything you suggested worked out perfectly!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More