Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1107846
    djguitar
    Participant

    Hi,

    I’ve been trying to get my footer widget area background colour to match my footer background colour. I’ve seen several CSS answers in the knowledge base, but none of them have had an effect.

    I’m wondering if I have some error in the CSS code I placed earlier. Here’s what I have:
    .x-navbar {
    background: rgb(87, 173, 219);
    }.x-colophon.top {
    background-color:white;
    }.map-container {
    width: 100%;
    margin: 50px 0 3000px;
    }
    .map-container iframe{
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative; /* IE needs a position other than static */
    }
    .map-container iframe.clicked{
    pointer-events: auto;
    }h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 20px;
    }p {
    margin-bottom: 20px;
    }h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0px;
    }h5, .h5 { font-size: 22px !important; }
    body {
    line-height: 1.8em;
    }.x-colophon.bottom {
    padding: 5px 0;
    }.single .x-header-landmark {
    display: none !important;
    }.format-standard .entry-title::before {
    content: “”;
    .x-btn, .button, [type=”submit”] {
    text-shadow: none !important;
    }

    Thanks for any suggestions you might have.

    #1108263
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    It looks like you havent placed code for background. To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1109061
    djguitar
    Participant
    This reply has been marked as private.
    #1109212
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    footer.x-colophon.top {
        background-color: #09283f !important;
        padding: 0 !important;
    }
    
    footer.x-colophon .widget {
        margin-top: 0 !important;
    }

    Thanks.

    #1110251
    djguitar
    Participant

    Thanks. Adding this code to the page’s CSS got the desired result, but adding it to the global CSS did not affect any change, until I placed it at the top of my CSS customizations.

    Yay, and thanks! You folks are awesome with support.

    #1110531
    Rue Nel
    Moderator

    You’re welcome! We’re happy to help you out.
    If you need anything else we can help you with, don’t hesitate to open another thread.

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