Archived topic
Content Padding on One Container Option
3 replies · Started by Clayton on November 12, 2018
Hey Guys,
This might be tough to explain but I'll give it a shot. Most sites I create have a single container with a solid color for the page content and the body of the website. I've noticed when I use single container in customizer and change the color of the body to the same color as the content container it makes the content look misaligned with the footer widgets and the menu. It looks fine when the body background color is different than the container background color because the container is in line with the footer widgets and menu. I'll attache a few images that might help you guys what what I mean. Essentially, with a solid white body and container, I'd like to know the best way to make the container and footer widgets look like they are aligned. If I have to use custom CSS I can but I thought it might be something that can be done in customizer.
Thanks!
Link to screenshots - https://imgur.com/a/Ne2Aj4y
Hi there,
try this CSS:
@media (max-width: 1180px) {
.inside-footer-widgets {
padding: 0 30px;
}
}That works and I found another option.
.footer-widgets-container {
max-width: 1040px !important;
}I made that harder than it needed to be. Thanks!
Awesome :) Glad you got a couple of solutions.
