Viewing 10 replies - 1 through 10 (of 10 total)
  • you have the color on #menu .current_page_item a set to white – so the current item in the menu will have white text.

    Thread Starter hydraides

    (@hydraides)

    Thank for the reply …….. Do you know where I go to edit because I cannot find it in my style.css (Sorry I have no experience with coding atoll but wanting to learn)

    it’s in style.css lines 289-292:

    #menu .current_page_item a,
    #menu .current-cat a{
        color:#ffffff
    }
    Thread Starter hydraides

    (@hydraides)

    Thanks for reply again but its not there ?? In my style.css sheet, could be because I have installed constructor theme?

    Sorry, no idea what that theme is doing. I found the above using firebug, looks like there is a version of styles.css that has the colors set in it:

    https://extremeearth.net/wp-content/uploads/constructor/cache/style.css

    Hi hydraides,

    Here is a quick solution to your problem (As you said you have no experience with coding here are some easy to follow steps)

    1. Go to your style.css file (To get to this file log in to your wordpress admin go to Appearence > Editor and select your style.css file).

    2. Paste the following code at the bottom of your style sheet

    #menu .current_page_item a, #menu .current-cat a{
    color:#000!important;
    }

    This will override any other styles that have been applied from that other stylesheet that chisler is referring to. Hope that helps.

    Sunny

    Thread Starter hydraides

    (@hydraides)

    Sunny Johal I bloody love you (no homo)

    Thread Starter hydraides

    (@hydraides)

    Just another quick question since I think you might know!

    Do you know how I can change the font of the default ‘home’ button on my menu

    -One method I have tried – which didn’t work was creating my own homepage (The link messed up the formatting of the header – It doubled in width)

    It is beyond the remit of these forums to start trying to teach people how to use CSS. However, you can find some very good resources at:
    CSS Tutorials
    Learning CSS

    Hi hydraides,
    I’m glad that helped. Here is some code that should help (again just put it in the styles.css)

    At the bottom of your stylesheet paste the following code:

    #menu li a:link, #menu li a:visited{
    color:#000;
    font-family: Constantia,Tahoma,Geneva,sans-serif;
    text-transform:uppercase;
    } 
    
    #menu li a:hover{
    background-color:#1a4652;
    color:#FFF;
    font-family: Constantia,Tahoma,Geneva,sans-serif;
    text-transform:uppercase;
    } 
    
    #menu li a:active{
    background-color:#FFF;
    color:#1a4652;
    font-family: Constantia,Tahoma,Geneva,sans-serif;
    text-transform:uppercase;
    }

    Well done for getting into the CSS! At least your giving it a go and you will pick it up in no time. #NoHomo lol

    Sunny

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Constructor Theme]Hover colour:white but staying white once clicked’ is closed to new replies.