-
AuthorPosts
-
August 5, 2015 at 12:03 pm #350994
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.pngAugust 5, 2015 at 1:39 pm #351083Hi 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!
August 6, 2015 at 10:59 am #352027So 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:
August 6, 2015 at 1:51 pm #352146I am having the same exact issue.
August 6, 2015 at 2:15 pm #352162I 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).
August 6, 2015 at 3:03 pm #352203Hi 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.
August 7, 2015 at 5:59 pm #353261Thank you @thecuratedtravel I’ll give it a shot & post my results.
August 7, 2015 at 9:16 pm #353363Hi 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!
August 8, 2015 at 10:42 am #353743Hi, 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?
August 8, 2015 at 7:33 pm #353890Hey @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; }
Hope this helps. Kindly let us know.
-
AuthorPosts