Okay
  Public Ticket #3490770
Header logo color change
Closed

Comments

  •  1
    Mateusz Piotr Ślozowski started the conversation
    October 3, 2023 at 11:40am

    Hi,

    I am following this video however the header in the white sections places does not change to light with the black version of the logo.

    Website: logistics.dl.com.pl

  •  8,839
    Tahir replied
    October 3, 2023 at 12:12pm

    Hey Mateusz Piotr Ślozowski,

    Be sure to change the "Text Color" in the Row Settings as it dictates the Header Color Scheme . See screenshot: 

    6305926548.png

    Thanks.

    ThemeNectar Support Team 

  •  1
    Mateusz Piotr Ślozowski replied
    October 5, 2023 at 11:43am

    Tahir thanks for the tips :)

    In the end it turned out that it worked as I included information about the background color for each row.

    I'm left with one last issue that I can't deal with.
    I would like only the logo on the home page to be white.

    Currently it is black

    Please take a look at the homepage
    https://logistics.dl.com.pl/

  •  2,958
    Andrew replied
    October 5, 2023 at 11:59am

    Hello again,

    Thank you for getting in touch.

    Try changing the transparent header color navigation in the page header meta box settings and let us know if this resolves the issue. Here's an article of the same https://themenectar.com/docs/salient/page-metaboxes/.

    4806972892.png

    I hope that helps.

    Cheers,

  •  1,877
    Judith replied
    October 5, 2023 at 12:03pm

    ChatGPT

    Hello,

    Thank you for reaching out.

    To achieve the desired effect, please insert the following CSS code:

    .page-id-7 #header-outer[data-transparent-header="true"].transparent > header #logo img.dark-version,
 #header-outer[data-transparent-header="true"].light-text > header #logo img.dark-version,
 #header-outer[data-transparent-header="true"].transparent.dark-slide > header #logo img,
 #header-outer[data-transparent-header="true"].dark-text > header #logo img,.page-id-7 #header-outer[data-transparent-header="true"].dark-text.side-widget-open > header #logo img.dark-version {    opacity: 1!important;
}
.page-id-7 #header-outer[data-transparent-header="true"].transparent.dark-slide > header #logo img.dark-version,
#header-outer[data-transparent-header="true"].dark-text > header #logo img.dark-version,
 #header-outer[data-transparent-header="true"].dark-text.side-widget-open > header #logo img.starting-logo {    opacity: 0!important;
}

    This CSS will ensure the appropriate opacity for the specified elements on page ID 7.

    If you have any further questions or need additional assistance, feel free to ask.

    Best regards.

  •  1
    Mateusz Piotr Ślozowski replied
    October 9, 2023 at 4:25pm

    Thank you for your further suggestions to solve the topic - it helped!