Okay
  Public Ticket #407550
Navigation
Closed

Comments

  • Michael started the conversation

    Hi I have a couple issues. I have been using many of them of the suggested CSS alterations and having great success, but I was hoping you could help me with this:

    #1 - what is the CSS code to change the active page link color. The default seems to be white, but that can't be easily seen with some of my header images

    #2 - I want to use a transparent header, but I do not want the menu links to be transparent. It seems they are slightly transparent then change to opaque on hover. I would prefer always opaque and pick a color for the hover.

    I am changing these colors per page, based on the header image I am choosing. So here is an example of the CSS I am currently using for the page http://www.pioneermalting.com/agriculture:

    -------------

    .page-id-30 #header-outer.transparent header#top nav > ul > li > a {

    color: #664520 !important;

    }

    .page-id-30 #header-outer.transparent header#top nav .sf-menu > li.current_page_ancestor > a {

    color: #000000 !important;

    }

    --------------

    Any help is appreciated.

    On a side note: I saw a request for a more robust color picker in future updates - I would like to second that request!

  •  8,849
    Tahir replied

    Hey,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    body.page-id-30 header#top nav .sf-menu > li.current-menu-item > a {
        color: #ff0 !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Michael replied

    Hi Tahir.

    I'm afraid this did not work. I even tried removing the "body" from the beginning - still nothing. The current page is still white.

    See http://www.pioneermalting.com/agriculture



  •  8,849
    Tahir replied

    Hey,

    See screenshot:

    Use this without changing anything :

    html body.page-id-30 #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a,html body.page-id-30 #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a {
        color: #ff0 !important;
    }

    Thanks




    ThemeNectar Support Team