Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 20, 2015 at 4:03 pm #399718
    DigitalEssence

    Hi,

    I’m using:

    .container_wrap.fullsize .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    To allow a code block containing a WooCommerce shortcode to be full width of the boxed layout but this means that all other elements full, half, one third etc) are also full width which we don’t want.

    I’ve tried keeping the codeblock outside of a layout element but when I start to target the layout elements it affects the slider and all manner of issues arise.

    Is there anyway to simply have a layout element or code block fullwidth?

    Thanks

    February 20, 2015 at 9:23 pm #399880
    Elliott

    Hi DigitalEssence!

    Try adding it inside a grid row element. Or a color section and then give the color section an ID and use this CSS.

    #yourID .container { width: 100% !important; max-width: 100% !important; padding: 0px !important; }

    Best regards,
    Elliott

    February 21, 2015 at 9:13 pm #400123
    DigitalEssence

    Hi Elliot,

    thanks for that, that did the trick.

    Please mark this as resolved and thank you once again for your help.

    Cracking theme and superb support.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How do I have a codeblock full width of the boxed layout but not anything else’ is closed to new replies.