WordPress.org

Ready to get started?Download WordPress

Forums

Codium Extend
Change menu color (5 posts)

  1. Beppie
    Member
    Posted 2 years ago #

    Hi,

    I feel really stupid now, but i can't find where to change the menu colors. I want to change the font color and the block color which you'll see when you want to click on the page you want to go to.
    Thank you in advance! It's not the sidebar, isn't?

    Beppie

    http://wordpress.org/extend/themes/codium-extend/

  2. flashbuddy
    Member
    Posted 2 years ago #

    Geeze, can't help if I can't see your site. I'm not about to download a theme and install it just to answer a simple question.

  3. Beppie
    Member
    Posted 2 years ago #

    You can't see it because i used the Maintenance Mode. Is there a other way to show you the website? Or only to turn off the Maintenance Mode?

  4. Jeremy Herve
    Member
    Posted 2 years ago #

    Everything you need to change is included in one file, located here: wp-content/themes/codium-extend/style.css

    Open it in your favortite text editor, and locate the following comment:

    /* Navigation */

    It marks the beginning of the menu area styling.
    If you want to change the look of the menu bar when you roll over it and want to click on the page you want to go to, you will need to make some changes to the values that are marked :hover.

    First, select a color that you'd like on a colorpicker like this one, and copy the value above the colorpicker (e.g. C70837)
    You can then make some changes to the color: and background, and see if you like what you've done.

    For example, I would change the following line:

    #access li:hover > a,#access ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

    By this:

    #access li:hover > a,#access ul ul :hover > a{background:#DAF0E7;background:rgba(0,0,0,0.7);color:#C70837;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

    You should be able to experiment from there.

  5. Navarrete
    Member
    Posted 2 years ago #

    Hello everyone. I'm trying to accomplish something similar in changing my menu color . I have an Echoes theme: http://www.evolvecare.com

    I took your advice Jeremy and searched underneath the /* Navigation */
    I realize that different themes have different code and this is what it says in the echoes theme:

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    I've changed the color value and refreshed and there is still no changes so I'm wondering if the ability to change the menu color exists somewhere else?

    Thanks for all the great advice I really appreciate it.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic