Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1216718

    Flightwave
    Participant

    Hi X

    Please see the following page: http://www.flightwave.aero.vhost.zerolag.com/privacy-legal/

    I like the dark header and footer (set in Appearance – Customize – Integrity – Design – Dark. But I don’t want that same dark color behind every shortcode or element that I add. For example – on the page I linked above, I added the “Table Of Contents” shortcode, and an “Accordion” shortcode – and they have the same dark background as the header and footer. I want the table of contents shortcode to look like your example here: http://demo.theme.co/integrity-1/shortcodes/table-of-contents/

    How can I change this behavior?

    Is it possible to use the “Light” design option in Integrity – and simply change the header and footer colors globally to be a darker color? Because I don’t like the dark boxes around images either. So I’d rather use the “Light” design of integrity – and change the header and footer areas to look like they do in the “Dark” design of integrity. I’d personally like to be able to change the color of the header and footer to whatever I want it to be. Is that an easy thing to do?

    What code would I use?
    Where would I enter the code?

    Thank you!
    Chris

    #1217058

    Christopher
    Moderator

    Hi there,

    Please change Integrity design to light under Customize -> Integrity.

    Please add following code in Customize -> Custom -> Global CSS :

    .x-navbar,.x-colophon {
        background-color: #121212;
    }

    Hope that helps.

    #1221105

    Flightwave
    Participant

    Brilliant!
    Thank you!

    #1221110

    Flightwave
    Participant

    Actually – this presents an additional problem;
    The submenu’s are not legible because they, too, need to be the darker color.
    Can you tell me how to make the submenu (drop-down menu) the same color as the navbar/header?
    thanks,
    Chris

    #1221117

    Joao
    Moderator

    Hi Chris,

    Please add the following code to Appereance > Customizer > Custom > CSS

    
    .desktop .sub-menu {
    background: black;
    }

    Hope it helps

    Joao

    #1221125

    Flightwave
    Participant

    Bingo!
    Thanks!

    #1221142

    Rahul
    Moderator

    Glad it is solved now!

    If you have any further issues with the theme, kindly let us know. We’d be happy to assist you with it.

    Thank you.