Changing left nav roll over text colour

Home Forums Porto – Responsive HTML5 Template Changing left nav roll over text colour

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10019122
    dano007
    Participant

    Hi, could you what to change in custom css to change the link colour in the left nav to red when the user mouses over them please?

    Thks


    #10019133
    Support2
    Keymaster

    Hello,

    1) In css/custom.css add this code:

    #header .header-nav-main nav > ul > li:hover > a, #header .header-nav-main nav ul li.dropdown .dropdown-menu li:hover > a {
        color: red !important;
    }

    Please try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10019143
    dano007
    Participant

    Sorry to mess about, but I had to change the theme slightly, let me explain what I now wish to do here
    http://grahamcrossdesign.co.uk/about-me.html

    Normal – gray text
    On roll over red text

    The blue trim thats seen at the moment around the box and the small arrow Id like also red

    Thanks fro the help

    Dan


    #10019156
    Support2
    Keymaster

    Hello,

    1) Add in css/custom.css:

    #header .header-nav-main nav > ul > li:hover > a {
    	color: white !important;
    	background-color: red !important;
    }
    
    #header .header-nav-main nav > ul > li > ul li:hover a {
    	color: red !important;
    }
    
    #header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
    	border-color: red transparent transparent transparent;
    }
    
    #header .header-nav-main nav > ul > li > .dropdown-menu {
    	border-color: red !important;
    }

    Please try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10019163
    dano007
    Participant

    thanks


    #10019164
    dano007
    Participant

    Thank you


Viewing 6 posts - 1 through 6 (of 6 total)

This topic is marked as "RESOLVED" and can not rceive new replies.