This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Change font of text in menu widget in masthead

Resolved 8 replies premiumthemetheme-vantage
Andres Quartieri
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Daniel Staff 10 years, 10 months ago

    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. Andres Quartieri 10 years, 10 months ago

    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. Daniel Staff 10 years, 10 months ago

    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. Andres Quartieri 10 years, 10 months ago

    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. Magus Staff 10 years, 10 months ago

    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. Andrew Misplon Staff 10 years, 10 months ago

    That’s the one :)

  7. Andres Quartieri 10 years, 10 months ago

    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. Andrew Misplon Staff 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread