[jamesdwiseParticipant]

Hey there,

I would like to add some marginless columns as in the Integrity main demo. I am using the Agency template as a start point for my site. Could somebody show me how to add these to a page please?

Thanks in advance!

James

[Rue NelModerator]

Hello James,

Thanks for writing in! Marginless columns is an option which you can easily set in the row settings. Simply edit your page in Cornerstone and add a section row with two or more columns. In the row settings, once you have enabled the marginless column option, all your columns will be close to each other and there’ll be no spaces between your columns.

Hope this helps.

[jamesdwiseParticipant]

Hi Rue,

Many thanks- apologies for the obvious question I didn’t notice that option there!

However what I would like is for the columns to display as in the Integrity demo (see screenshot). When I add them through cornerstone there doesn’t seem to be an option to add background images to the columns as there appears in the screenshot. Could you tell me how I can make them look like the screenshot?

Thanks in advance!

James

[RupokMember]

Hi James,

Thanks for updating. The demo you are referring have a background image set to the section not in the column. So let’s set the background image to section and RGBA background to the Columns to achieve this effect.

If you want to set different background image to the columns then you need to utilize the style field. For example the below code :

background-image: url("path/to/your/image.jpg");

Note that if you set the background image then the background color won’t work for the columns. So it would be better approach to set the image to the section as the demo.

Hope this makes sense.

Cheers!

[Author]

Posts