Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 3, 2018 at 11:38 pm #993376
    asapevictions

    Greetings,

    I need to change the color of extra elements bar color for the transparent menu on my homepage. It shows up white which doesn’t work because the text is white. I need to match the other pages which is gold.

    August 4, 2018 at 8:16 am #993447
    Rikard

    Hey asapevictions,

    Try adding important to the CSS you already have in your child theme:

    #top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul {
    background-color: #99783f !important;
}

    Best regards,
    Rikard

    August 6, 2018 at 7:27 pm #994051
    asapevictions

    Thanks for the code but that changes the color on all pages. I would like the homepage to stay clear on desktop and gold on mobile and tablet. Hope that makes sense.

    August 6, 2018 at 9:32 pm #994107
    Jordan Shannon

    Hi,

    Add the following class to the front of Rikard’s code:

    .home

    Best regards,
    Jordan Shannon

    August 6, 2018 at 10:29 pm #994124
    asapevictions

    not quite, when add this code it stays the same. I just would like the mobile and tablet to have the gold background. I want the desktop backgournd color to be transparent. With the code provided everything is gold.

    August 7, 2018 at 7:09 am #994240
    Rikard

    Hi,

    Thanks for the feedback. Please try this instead:

    @media only screen and (min-width: 991px) {
.home #header_meta {
  background-color:transparent;
}
}

@media only screen and (max-width: 990px) {
.home #header_meta {
  background-color:#99783f;
}
}

    Best regards,
    Rikard

    August 7, 2018 at 10:50 pm #994602
    asapevictions

    Added that code. Didnt work at first so I added !important; to the bottom code. It works now. Thanks!

    @media only screen and (max-width: 990px) {
.home #header_meta {
  background-color:#99783f !important;
}
}
/* Transparent Header Remove Line Style*/
.home .av_header_transparency #header_meta {
    border-bottom: none !important;
}
}
    August 8, 2018 at 10:19 am #994795
    Rikard

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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