Navigation
Archive / Black Header Drop Down Boxes with Integrity Light Theme
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 5, 2016 at 12:17 am #1026240
    HelpMeCoachCricket
    Participant

    Hi Themeco,

    I am using the Integrity light theme and have managed to change the header and footers to black using Custom CSS from other forum posts, however, my drop down boxes in my header menu are still white.

    How can I change the drop down boxes to be black also?

    CSS I’ve used is listed below:

    .x-navbar { background: rgba(0,0,0,1.0); }
    .x-topbar, .x-navbar, .x-colophon.top, .x-colophon.bottom {
    background-color: black;
    }

    Cheers,
    James

    June 5, 2016 at 12:43 am #1026264
    HelpMeCoachCricket
    Participant

    As a way around this issue, I’ve instead used the dark integrity theme and then just used the following CSS to make the boxed theme white:

    .x-boxed-layout-active .site {
    background-color: white;
    }.entry-wrap {
    background: white;
    }@media only screen and (max-width: 767px) {
    .x-boxed-layout-active .site {
    width: 100%;
    max-width: none;
    }
    }

    This has worked well. However, between the top header and the start of the box on my content pages, there is a strip where I can see the background. Is there a way to make it so that I can not see this strip and the box starts right from the where the header finishes?

    June 5, 2016 at 12:45 am #1026269
    HelpMeCoachCricket
    Participant
    This reply has been marked as private.
    June 5, 2016 at 8:23 am #1026583
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .site .x-container.offset {
    margin-top: 0;
}

    Hope it helps 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1026240 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>