Home>Support>Change font of text in menu widget in masthead

Change font of text in menu widget in masthead

Hi, please I need some help with this, how can I change the font color of the menu text that I have in a widget on the masthead? www.martarajtman.com

I was trying this css that I found in the forum but it didn´t work on my website:
#header-sidebar. widget_nav_menu ul li {
color: #ffffff;
}

thanks

URL: http://www.martarajtman.com

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

  1. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Andres

    You can change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    #secondary * {
    color: red;
    }
    

    Try that out

    Cheers :)

  2. 9 years, 6 months ago Andres Quartieri

    Hi thanks for your reply.

    Unfortunately that css did not take any effect on the text menu but it did on the link text of other widgets as you can see in the Sample Page.

    I attach a picture to show you exactly what I need to modify.
    http://dropmocks.com/mIdfhw

    Thanks

  3. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Andres

    Sorry I did not get you clearly earlier. The CSS provided will definately not change the error highlighted in the screenshot

    Here is a guide that will help you make the changes

    Link :https://siteorigin.com/vantage-documentation/customizations/menu/

    Kindly have a look at it.

    Cheers

  4. 9 years, 6 months ago Andres Quartieri

    Hi Addo I think you are not sending me the right information here.
    As I posted in my first message, what I am trying to do is to modify the color text of a menu that I have located as a widget inside the Masthead.
    I hope I made myself clear this time.
    Thanks

  5. 9 years, 6 months ago Magus
    Hi, I Work Here

    Hi Andres

    Please try the following in your custom CSS

    /*menu widget colour*/
    #header-sidebar .widget_nav_menu ul.menu > li > a {
        color: red !important;
       }
    

    Just change the colour name to the colour you want either by name if available or with the #000000 codes

    Hope this helps

    Magus

  6. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    That’s the one :)

  7. 9 years, 6 months ago Andres Quartieri

    Hi Andrew, thank you so much for your help, that´s exactly what I need.
    I also figured out how to modify the hover color and second level color text in the menu from that css code.
    Thanks again.

  8. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad you were able to get things working. Thanks to Magus for the snippet.

    All the best :)

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