Okay
  Public Ticket #2302032
Light header on one page only.
Closed

Comments

  • Harry started the conversation

    Hi,

    I am looking to make the header of just one page the light header. I am currently struggling to do this, as you cannot set light / dark to separate page (this would be very useful). I am wanting to make the header (currently using header 04) have white text and use the light version of the logo on ONE page only (both for non-sticky). Hoping to change the text colour and logo for only the non-sticky version of the header on this page (to #fff). Struggling to find the correct CSS - would anyone be able to send this through for Header 04.

    Currently I am using the below, but obviously this isn't preferable (the * is slow). This also has the issue of not changing the border of the button to #fff.

    .header-layout-fixed.headroom--top .header-right * {
        color: #fff !important;}
    

    Also looking for CSS to change the non-sticky header image on this page to light. The following does not show the light logo, despite hiding the dark:

    .header-sticky-both .headroom.headroom--top .branding img.dark-logo {    display: none !important;
    }
    .header-sticky-both .headroom.headroom--top .branding img.light-logo {    display: block !important;
    }
  •  1,291
    Bryan replied

    Hello

    Can you provide your site url with more describe of wishes for header section so i can help you do it with css code.

    Some of screenshot will help me better.


    Thanks

  • Harry replied

    Hi Linh,

    Please see screenshots here: https://imgur.com/a/5jXPyp2

    Kind regards,

  •  1,291
    Bryan replied

    Can you share your site url so i can have closer look?

    Thanks

  • Harry replied

    The site is hosted locally, so I am unable to share a site URL at this time. Apologies for any inconvenience.

    Thanks

  •  1,291
    Bryan replied

    Hello

    It's difficult to reproduce the look of your site to help you change the header layout when sticky mode is on. 

    If possible, please upload your site to a live domain so i can help better.

    Thanks

  •   Harry replied privately
  •  1,291
    Bryan replied

    Hello

    When i access your site to check, the top logo and sticky logo are the same. 

    If you have any further questions, please do not hesitate to contact us.

    Thanks


  • Harry replied

    I want the top logo and sticky to be different on this page only.

    The top logo should be not like the ones on the other page. This is for the home page only.

  •  1,291
    Bryan replied

    Hello

    Would you mind set up different logo for dark and light logo and providing us with Wordpress login credentials so we can take a closer look? 

    Thanks

  •   Harry replied privately
  •  1,291
    Bryan replied

    Hello

    I made it for you. 

    https://prnt.sc/r4z7t5

    https://prnt.sc/r4z84p

    Please checki t again.

    Thanks