Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 2, 2018 at 8:25 am #992752
    FinHenri

    Hi,

    Do you have CSS for changing the header text color for one individual page?
    I already found CSS for sticky header :

    .page-id-439 .av_header_transparency span.avia-menu-text {
color: black;
}

    Other than that i would appreciate for header background color CSS for one page too.

    Thanks!

    August 2, 2018 at 10:05 am #992794
    Rikard

    Hey FinHenri,

    Please try this CSS as well:

    .page-id-439 #header_main {
  background-color:red !important;
}

    Best regards,
    Rikard

    August 2, 2018 at 1:27 pm #992867
    FinHenri

    Hi,

    It didnt make any difference. Could you check again? I added login credentials for you.

    August 3, 2018 at 6:46 am #993089
    Rikard

    Hi,

    Thanks for that, I think I misunderstood your initial request. You are looking to change the colour of the header menu items on that page, correct? If so then please try this CSS instead:

    .page-id-439 #avia-menu .avia-menu-text {
  color:red !important;
}

    Best regards,
    Rikard

    August 3, 2018 at 1:42 pm #993262
    FinHenri

    Hi,

    Yes. So I want to change header texts. you can see for example ” Verkkokauppa” and ” Yhteystiedot” in my case.

    I want to change all those text to black on “Verkkokauppa” page. Did you check my quick CSS if there is some conflict and that’s why the color is not changing?

    August 7, 2018 at 10:52 am #994313
    Victoria

    Hi FinHenri,

    Credentials did not work for me. Could you please update the credentials?

    Best regards,
    Victoria

    August 7, 2018 at 11:51 am #994356
    FinHenri

    Hi Victoria,

    I updated the credentials. please try again.

    August 8, 2018 at 8:35 am #994713
    Rikard

    Hi,

    Thanks for the details. Please try this CSS to have all the menu items black on the product archive page you mentioned:

    .html_entry_id_439 #header .av-main-nav > li > a .avia-menu-text {
  color:#000 !important;
}

    Best regards,
    Rikard

    August 9, 2018 at 6:52 am #995255
    FinHenri

    Hi Rikard,

    That code did the job.

    Now just little follow up question. This same problem occurs with all product pages in shop.

    do i need to copy paste that same CSS code with each product pageID ?

    Thanks

    August 9, 2018 at 4:36 pm #995591
    Victoria

    Hi FinHenri,

    Yes, you can try that and let us know if you need any more help.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.