Okay
  Public Ticket #318670
Change header font color for individual pages
Closed

Comments

  • Gabriel started the conversation

    Is there a way to change the top nav / header font color on individual pages so I can force the font to show up against varying background colors?

  •  8,994
    Tahir replied

    Hey!

    Yes you can , Can you provide two page links so i can write up sample custom css for you. 

    Thanks 


    ThemeNectar Support Team 

  • Gabriel replied

    Hi. Thanks. Sure, here are a couple pages--let me know if you can't access them. If it's possible, would you also throw in a screenshot showing where I add the custom css?

    Thanks so much.

    http://dev.deerhillexpeditions.com/index/about/ser...

    http://dev.deerhillexpeditions.com/index/about/get...

  •  8,994
    Tahir replied

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    .page-id-4150 #header-outer.transparent header#top nav > ul > li > a {
        color: #EEEFF5 !important;
    }
    
    
    .page-id-4150 #header-outer.transparent header#top nav .sf-menu > li.current_page_ancestor > a {
        color: #B2D254 !important;
    }
    
    

    Thanks 


    ThemeNectar Support Team 

  •  1
    George replied

    I want to do the same thing to one of my portfolio pages, but this code below doesn't seem to be working:

    .page-id-4150 #header-outer.transparent header#top nav > ul > li > a {
        color: #EEEFF5 !important;
    }
    
    
    .page-id-4150 #header-outer.transparent header#top nav .sf-menu > li.current_page_ancestor > a {
        color: #B2D254 !important;
    }

    Original Public Ticket: https://themenectar.ticksy.com/ticket/318670

    Please help!

  •  8,994
    Tahir replied

    @George , Please see : https://themenectar.ticksy.com/article/2077/ You need to add the correct page-id for the css to work . 

    Best.


    ThemeNectar Support Team