How do I make this full width?

Support
#1

How do I make my first image full-width, but keep everything else in a narrower column?

#2

I am using shortcode for an image map.

#3

Hi @jupebox,

Thank you for writing in, place inspect the Collapse the Section where your Image is placed and click the Remove Spacing option. This will remove the unnecessary spacing on your Section and ROW.



Add a CLASS man to your image to make sure there is no margin in it that can cause a white gap. All add width:100%; in the Inline Style of your Image to make sure this image will go full width. But you need a high-resolution image or else it will stretch out.

Hope it helps,
Cheers!

#4

What if I’m not using Cornerstone?

#5

Hello @jupebox,

Are you using a shortcode in building your page? Please keep in mind that columns must be enclosed with a row container shortcode. You must update your code into something like this:

[container style="width: 100%; max-width: 100%"][column type="1/2"] Place your content in here. [/column] [column type="1/2" last="true"] Place your content in here. [/column][/container]

There should be no new lines or line breaks between any of the container and column shortcodes so that the columns will be properly aligned.

Hope this helps.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.