Change Menu Background Color on Detail Page

This topic contains 4 replies, has 2 voices, and was last updated by  Guust 5 years, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #481671

    edward newsome
    Expired Member
    Post count: 17

    In the documentation for Supreme Directory V2 the following appears:

    For Supreme the shadow can look ‘unsightly’ on some archive pages.
    However, if you want a header border and border shadow, you can use this CSS, and adjust
    your colors to suit directly in the CSS:

    .sd.search .site-header,
    .sd.archive .site-header {
    border: 1px solid #e0e0e0;
    -moz-box-shadow: 0 1px 1px rgb(104, 55, 89,0.6);
    -webkit-box-shadow: 0 1px 1px rgb(104, 55, 89,0.6);
    box-shadow: 0 1px 1px rgb(104, 55, 89,0.6);
    }

    So based on that I used the following to change the color of the site header on the Archive Page from black to blue:

    /* Change background color for menu bar on archive pages*/
    .sd.search .site-header,
    .sd.archive .site-header {
    background-color: lightblue;
    }

    I have tried variations of this to fix the color on the Detail Page, because my logo is unreadable with the black background.

    What CSS do I need to use to change the color of the menu bar on the Detail Page?

    #481672

    edward newsome
    Expired Member
    Post count: 17
    This reply has been marked as private.
    #481687

    Guust
    Moderator
    Post count: 29970

    Try

    .single .site-header {background-color: lightblue;}

    Or go to the customizer for a detail page and change:
    Header > Background Colors > Header Background Color

    Thanks

    #481826

    edward newsome
    Expired Member
    Post count: 17

    Hey thanks,

    The CSS worked perfectly.

    #481858

    Guust
    Moderator
    Post count: 29970

    You’re welcome 🙂

Viewing 5 posts - 1 through 5 (of 5 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount