Changing font color on a menu bar.

  • I’ve recently started working at a company that had their website designed through an outside contractor and hasn’t been touched since 2013. I have a pretty good understanding of HTML and a decent understanding of web development so tech answers are fine.

    We currently have a menu bar with 8 links. (home/catalog/etc…/sale). In wordpress I edit this bar by going Appearance->Menus, and then adding or subtracting pages to the menu.

    On all of the links, the text is white. My employers would like to change the font color of just one of these links so that it stands out a little bit more (the sale tab). I am assuming it’s to be edited in CSS, somewhere, but I can’t quite figure it out. Any help? Thanks in advance.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    Please provide the website url.

    Thread Starter tbauer86

    (@tbauer86)

    henschelhats.com/hats/

    The menu displays on every page. Like I sad before, I specifically want to change the color of the “sale” tab.

    In WordPress Dashboard go to ‘Menus’ on the Appearance tab.

    At the top right side of the screen click on ‘Screen Options’.

    In ‘Show advanced menu properties’ select ‘CSS Classes’.

    Now in the menu structure select the item ‘SALE’ and in the text box ‘CSS Classes (optional)’ write: sale-tab-color a

    Go to the style.css file and write the line:

    .sale-tab-color a {color: red;}

    Thread Starter tbauer86

    (@tbauer86)

    DBessolo, thank you very much for you help. Excuse my ignorance, but where is the style.css file kept?

    The file is located in your theme’s folder, which you can access using FTP or cPanel or whatever file management application your host provides. But bear in mind that if you edit the theme’s stylesheet directly, you’ll lose those changes if the theme is updated in the future, to fix bugs or security issues or to add new features. Instead, it’s best to use a custom CSS plugin or your theme’s built-in custom CSS option, if one exists.

    Thread Starter tbauer86

    (@tbauer86)

    Thank you for the information, I will try my luck with this and will update with progress. Again, thank you so much for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing font color on a menu bar.’ is closed to new replies.