Changing Color of Page Links and Drop-down Menus

  • Resolved sfinnegan

    (@sfinnegan)


    8 years, 1 month ago

    I am putting together a site (schorseindustry.com) using the Sela theme. I am trying to change all instances of the original pink color and have been able to do so for the most part, but there are still a few places that I have not been able to change.

    One area is in the drop-down menus. The hover color is still set for the pink, and I would like it to be #9f877a. I have not been able to find where to change this in the CSS.

    The second area is on my grid pages (example: schorseindustry.com/places-to-ride/). The hover color on the page titles is the pink, which I would also like to be #9f877a.

    I am new to working with CSS and have no formal training for it, so I’ve just been trying to figure things out as I go along. Any help with this would be greatly appreciated! Thank you!

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

  • Hello,

    .main-navigation ul ul a:hover {
    color: #9f877a !important;
}
    .child-pages grid h1 a:hover {
    color: #9f877a !important;
}

    SYA ??

    • This reply was modified 8 years, 1 month ago by LebCit.
    Thread Starter sfinnegan

    (@sfinnegan)

    Thank you, the main navigation one worked! I couldn’t find the child pages one when I searched for it, but I came across 2 instances of the pink color code and changed those, which seemed to work for the areas I wanted it to!

    Thanks for your help!

    You are most welcome ??

    Thank you for your help @lebcit!

    @sfinnegan, as an important note: Please do not edit your theme’s files directly. Any changes you make there will be lost when it comes time to update.

    To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. If you have Jetpack installed then you can activate its custom CSS module.

    It should also not be necessary to use the !important command with you custom CSS.

    Let me know if you have any questions around that.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing Color of Page Links and Drop-down Menus’ is closed to new replies.