Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #309030

    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.

    #309172

    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

    #792131

    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

    #792134

    I just found this:
    http://www.kriesi.at/support/topic/ (Purchase code hidden if logged out) -page-only/

    I will attempt this solution, see if it works and revert back.

    Thanks
    J

    #792271

    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

    #792682

    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

    #792825

    Hi,
    Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Remove left and right side padding from main container’ is closed to new replies.