Footer is 2 different color

  • My header is one color form margin to margin, but my footer seems to be broken into 3 sections, the center one matching the color od my header, and the outside sections are white.

    I can use css to hide the footer (not what I want to do), but I cant figure out how to change the 2 outsode white areas to match the center one, thereby looking like one footer margin to margin.

    Please take a look and tell me what I’m doing wrong: https://andresanz.com

    Thanks… André

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi André. The footer element is being sized by this media query in the bootstrap.min.css file that’s being loaded:

    @media (min-width: 1200px)
.container {
    width: 1170px;
}
    Thread Starter asanz

    (@asanz)

    Hi bdbrown… I tried to change”

    @media (min-width: 100%)
.container {
    width: 100%;
}

    in my custom.css but it does not change anything. Can you tell me where I’m going wrong (a.k.a. – how to fix it) and where you discovered that information. Rclicking on the page and doing an inspection doesnt tell me that…. Unleasa I dont know whjat I’m looking at!

    If you’re using an element inspection tool, right-click on the white area next to the footer. That will bring you to the <footer id=”footer”> element. The element in question is the next one down: <section class=”container” id=”footer-bottom”>. In the styles you should see two background property styles; the top one is active and overrides the one below it. Then there are two padding property styles; same situation there. These are all being applied by the theme. Then you’ll see three width properties followed by some padding and margin properties. These are all being applied by the bootstrap.min.css file. They are applied to the footer because that file is using the same class name (“container”) as the theme. I’m not sure what else is using that css file but it wasn’t installed by the theme.

    You could try this in your custom css:

    #footer-bottom {
    width: 100%;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Footer is 2 different color’ is closed to new replies.