Docs

[metricCreative]

http://dev.unglesbywilliamslaw.com – Section with issues are the bottom of the page with the contact info.

I have applied the following css to the columns to give them a background:
background-image: url(“http://dev.unglesbywilliamslaw.com/wp-content/uploads/2015/08/003.jpg”); background-size: cover;

The images appear and are perfect in cornerstone, but after saving and viewing on another browser the images do not show.

Sorry for the urgency, client wants to launch this page asap and this is the only tech issue I am running in to.

Should look like this:
http://dev.unglesbywilliamslaw.com/wp-content/uploads/2015/08/Screen-Shot-2015-08-05-at-12.00.52-PM.png

[Nabeel A]

Hi there,

Thanks for writing in! Upon checking it seems like the background is not added in the section, however you can add it via CSS. Just paste the following code in your Customizer via Appearance > Customize > Custom > CSS:

#x-section-6 {
    background-image: url("http://dev.unglesbywilliamslaw.com/wp-content/uploads/2015/08/003.jpg") !important;
    background-size: cover !important;
}

Let us know how this goes!

[metricCreative]

So that code applied a background to the section. What I’m attempting to do is place different backgrounds in 5 of the columns within the section. Please see this image:

http://dev.unglesbywilliamslaw.com/wp-content/uploads/2015/08/Screen-Shot-2015-08-05-at-12.00.52-PM.png

[thecuratedtravel]

I am having the same exact issue.

http://www.thecuratedtravel.com

[thecuratedtravel]

I fixed my issue by assigning an id name to each column and adding the background image manually in the CSS customizer using code…

#idName {
background-image: url(“webaddress”);
background-repeat: no-repeat;
background-position: center center;
}

However, it does not work if you only add it to the style section of the column (not sure why).

[Zeshan]

Hi there,

It looks like an issue in Column element that it isn’t picking custom styles. I’ve forwarded it to our developers for further investigation.

In the meantime @metricCreative, you can follow the solution provided by @thecuratedtravel. It should work just fine in your setup too.

@thecuratedtravel, thanks for sharing your solution. 🙂

Thank you.

[metricCreative]

Thank you @thecuratedtravel I’ll give it a shot & post my results.

[Friech]

Hi There,

That is because, on Cornerstone the column itself has an background option that is also applied as inline style, overwriting the CSS you place on the Style field. I think you should be doing the solution provided by thecuratedtravel in the first place.

Hope this shed some lights, Cheers!

[metricCreative]

Hi, I did not get the same results. The CSS does not appear to affect the column, I’ve tried putting it in the customizer – custom css page & the actual custom css tab listed in cornerstone on the page. Neither seem to affect the columns background image.

Any other suggestions? Direction?

[Rue Nel]

Hey @Metriccreative,

Your doesn’t seem to work because it is invalid (quotes were invalid) and you did not add any id to your column. Please turn on the advance controls and add your custom column1 ID. The correct code should be this:

#column1{
   background-image:url(http://dev.unglesbywilliamslaw.com/wp-content/uploads/2015/08/001.jpg);
   background-size: cover;
}

http://prntscr.com/82gjy8

Hope this helps. Kindly let us know.

[Author]

Posts