changing menu title color (5 posts)

  1. esisser
    Posted 2 years ago #

    My website is ethansisser.com

    a. I would like to change the menu title color WITHOUT changing the menu background opacity. Basically, I made the menu title opacity .85, but it made the menu background color AND text opaque. Is there any way to ONLY make the menu background color opaque, but keep the menu title font completely solid with zero opacity?

    b. Also, how can I make the menu titles a different color when people scroll over them?

    Thank you very much for the help!

  2. esisser
    Posted 2 years ago #

    One other thing, I would like to make the SITE TITLE text with zero opacity, but keep the site title background color at a .85 opacity.

    Thanks for the assistance!

  3. Pioneer Web Design
    Posted 2 years ago #

    All of the above may be achieved with CSS:

    To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool

    There are others.

    When editing CSS, use a Child Theme
    Custom CSS Plugin, or Theme provided custom CSS option.
    Edits to parent themes are lost on theme update.

    Learn CSS: http://www.w3schools.com/css/

  4. virendra930
    Posted 2 years ago #

    hi esisser,
    you can place this css in your child theme css file

    .genesis-nav-menu a{color:#000;opacity:.85;}
    .genesis-nav-menu a:hover{color:#000;}

    you can change your color whatever you want hope it'll help you.

  5. esisser
    Posted 2 years ago #

    thanks for the help!

    I added that code, but then it seemed to mess up my menu and I dont know how to put it back to the original format.

    I would like the menu to text to be bold, white, and underlined on mouse-over. Also, the text mnenu became more narrow. Is there any way to widen it? thank you very much!

Topic Closed

This topic has been closed to new replies.

About this Topic