Need help with hover-over navigation in header

  • Resolved Ferdy

    (@travelingkunz)


    1 year, 10 months ago

    I am a complete rookie and I have tried to add custom CSS to change the color of my navigation items when a visitor hovers over them, but I cannot get it to work. I want the text to be white by default, and #FFBD59 when hovering.

    I also like the small icons in front of my header, but they stick to the top of the field, not the center. I would prefer that they are always at the same level.

    This is how it looks at the moment (travelingkunz.com)

    rich text editor image

    I use the Twenty Twenty-Four Version: 1.2 Theme, not editor plugins.

    How can I adjust this? Can someone provide CSS and also tell me how/where to apply it?

    I have a similar issue with my posts page. The title is a link, but if the visitor hovers over it, it turns into the same background color, so the text seems to disappear. I want the hover color to be black or white.

    I am glad about any support 🙂

    rich text editor image

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Ferdy

    (@travelingkunz)

    1 year, 10 months ago

    Under Styles I tried ti add these additional CSS, but it does not work

    *****css / Default color */ nav a { color: white; }

    /* Hover color */ nav a:hover { color: #FFBD59; }

    and

    css / Hover color for links / .post a:hover { color: black; / or white as needed */ }

    Thread Starter Ferdy

    (@travelingkunz)

    1 year, 10 months ago

    Legend! It worked!

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

The topic ‘Need help with hover-over navigation in header’ is closed to new replies.

Tags