Hi all, how can I remove left and right padding from main container? I need the images in my columns to be at the edge of the container.
I’m using the boxed option.
Any help is appreciated.
Hey Jorge!
Try adding this code to the Quick CSS:
#main .container_wrap .container, #main .container_wrap .content{
width: 100% !important;
margin: 0 !important;
}
Cheers!
Josue
Hi,
Is there any way that I can do this for a specific page and not globally? I need to design a few landing pages and I want to control the left and right spacing only for those specific landing pages without affecting the rest of my site.
Thanks
J
I just found this:
https://kriesi.at/support/topic/change-padding-for-a-specific-page-only/
I will attempt this solution, see if it works and revert back.
Thanks
J
Hi,
Great, glad you found that and thanks for sharing. Let us know if you should need any help on the topic.
Best regards,
Rikard
This solution did not work for me. After much trial an error I eventually ended up adding the following to quick css:
#top.avia-blank #wrap_all #main .container
{
margin: 0px !important;
max-width: 100% !important;
}
This got me a bit closer to what I needed. I can now use the padding and margin on other elements to fine tune position of the elements to where I need them.
Thanks
J