Side by Side

Support
#1

Hello! My domain is http://glowfli.com. I have been trying to create something on one of my pages that seems like it would be easy to accomplish, but I can’t seem to get it to work correctly.

I am trying to have two columns, full-width and side-by-side with text and a background color on the left, and an image on the right like this (http://mr-president.co.uk/mr-president/).

Thanks for any help!

#2

Hey there,

Please follow along (pause or rewind to get a view of the setup) with this screencast to learn how to set it up. I’d also recommend you play around with the settings yourself so you get a feel how they’re changing things.

Thanks.

#3

Awesome! This helps a bunch! Only one more thing:

How can I make the bottom have 0 margin? I want to have another section under it, and there is space there. This also effects if I want to change the background color of the section.

Thanks for the help!

#4

Hi there,

Cornerstone sections have a default padding to 45px. You can try checking it an setting it to 0 to remove the space.

If this doesn’t work, kindly provide us with the link to the page you’re working on and the password for the coming soon access in a Secure Note.

Thank you.

#5

Woohoo! Figured out what made this perfect for what I needed!
I did all the steps from above, and then on the image itself, added margin:0px; width:100%; to the style section.
Thanks for the help!

#6

Glad to hear you got it sorted. :slight_smile:

#7

Is there a way to set Default Padding on Sections to “0” so that when a new section is added it does not need further adjustments? Also, same for Row - Inner Conainer set to “Off”?

#8

Hi there,

This setting is not yet possible for the sections as they will have a 45px top and bottom padding and the inner container to be enabled by default.

#9

Don’t think you understand my question. Can you CHANGE the default behavior?

#10

Hi there,

As mentioned, what you are trying to do is not possible as by default, sections would have a top and bottom padding of 45px and the inner container enabled. A workaround would be to create a CSS code that would override the default values.