WordPress.org

Ready to get started?Download WordPress

Forums

[Constructor Theme]Hover colour:white but staying white once clicked (11 posts)

  1. hydraides
    Member
    Posted 2 years ago #

    Hey guys,

    My site http://www.extremeearth.net

    I only want the text to highlight white when you hover over it on the nav....but it stays white once you click on it

    I have set the text and text alternative in customisation panel to black but this has not helped

    What can I do>

    [No bumping. If it's that urgent, consider hiring someone.]

  2. chisler
    Member
    Posted 2 years ago #

    you have the color on #menu .current_page_item a set to white - so the current item in the menu will have white text.

  3. hydraides
    Member
    Posted 2 years ago #

    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)

  4. chisler
    Member
    Posted 2 years ago #

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

    #menu .current_page_item a,
    #menu .current-cat a{
        color:#ffffff
    }
  5. hydraides
    Member
    Posted 2 years ago #

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

  6. chisler
    Member
    Posted 2 years ago #

    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:

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

  7. 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

  8. hydraides
    Member
    Posted 2 years ago #

    Sunny Johal I bloody love you (no homo)

  9. hydraides
    Member
    Posted 2 years ago #

    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)

  10. esmi
    Forum Moderator
    Posted 2 years ago #

    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

  11. 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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.