Change text color of Sela navigation bar

  • Resolved FuzzyToothpaste

    (@fuzzytoothpaste)


    8 years, 11 months ago

    I am working on a website with WordPress and I am currently developing my own Child Theme that derives from the Sela theme. I am trying to work around an issue that has been bothering me for a while now that can be seen in this screenshot.

    As you can see, the text that says ‘HOME’ is gray, and the text that reads ‘SAMPLE PAGE’ also turns gray when a user hovers over it. Of course, on a red background, this looks ugly. How can I change the color of this text in the Child Theme?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter FuzzyToothpaste

    (@fuzzytoothpaste)

    Would CSS be the proper way to resolve this?

    This is the code responsible for current menu item color

    .main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a,
.main-navigation li.current-menu-ancestor > a { color: #4f4f4f; }

    This is the code for hovering menu item

    .main-navigation a:hover,
.main-navigation ul > *:hover > a,
.main-navigation ul > .focus > a { color: #4f4f4f; }

    We can just copy and paste that into child theme stylesheet and then change the color code to our own choice.

    Thread Starter FuzzyToothpaste

    (@fuzzytoothpaste)

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change text color of Sela navigation bar’ is closed to new replies.