Hi there,
I have my container width set at 1100px. However, my sliders, color sections, footer background, banners, etc. those are all displaying at about 1375 pixels wide. How do I get everything to align together, like I’ve illustrated in attached screenshot?
Thanks in advance!
Hey kellyCraftMedia,
Please try the following in Quick CSS under Enfold->General Styling:
#main .container {
padding:0;
}
Best regards,
Rikard
Wonderful, thank you! That worked.
Now… how do I reduce the amount of space between columns?
Actually, the only issue I see out of this is that the content in the socket is now all the way to the left and all the way to the right (no padding). Can I add just that padding back in so it doesn’t butt up agains the edges?
Thanks!
Hi kellyCraftMedia,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#main #socket .container {
padding: 0 10px;
}
If you need further assistance please let us know.
Best regards,
Victoria
That works great!
There’s only one thing which I JUST now noticed – the logo and navigation/menu aren’t aligned. Is there a bit of Quick CSS I can add to fix that?
Thanks again!
Hi,
I`ve checked your site and the logo looks normally. May you provide to us some screenshot?
Best regards,
John Torvik
Screenshot:
Hi,
Can you try adding this as well:
#header_main .container {padding-right:0; padding-left:0;}
Best regards,
Sarah
Perfect, thank you! We can close out the ticket now.
Cheers!
Hi,
We`re glad that your problem was solved!
Best regards,
John Torvik