Cornerstone Row Background Image – Themeco Community

Cornerstone Row Background Image

Adrianne P — Thu, 04 Jun 2015 12:15:38 +0000

I see that there is a way to add a background-image on a section. But do not see such option on rows. All I see is the option to change background-color. Is there a way to add a background image on a row? I currently have I tried putting in the style box of the row in question:

background-image: url("http://localhost/x401/wp-content/uploads/2015/06/46_school_icon.svg");
background-repeat: no-repeat;
background-position: center right;
background-attachment:scroll;
background-size: 150px;

and it works on Cornerstone builder and Firebug. But breaks on live. Please advice. I’m testing local, so I cannot provide URL. I apologize for the inconvenience.

Reply To: Cornerstone Row Background Image

Friech — Fri, 05 Jun 2015 00:25:40 +0000

Hi There,

Thanks for writing in! I replicated the issue on my end, it seems a bug, we really appreciate you letting us know about this, i’ll be reporting this to our Dev Team now.

What we can do for now is to use the Section ID to target that specific Row(x-container). You can add this under Settings > Custom CSS in the Cornerstone.

#x-section-1 > .x-container {
background: #fff url("IMAGE URL") no-repeat center right scroll;
background-size: 150px;
}

Change the #x-section-1 with your actual section ID.
It is the same css rule you given above, in shorthanded format.

Hope it helps, Cheers!

Reply To: Cornerstone Row Background Image

Adrianne P — Fri, 05 Jun 2015 04:57:05 +0000

Thank you very much for the clarification. It will be really nice to get this fixed soon as I’ll be using this feature a bit. I appreciate your time and patience.

Reply To: Cornerstone Row Background Image

Friech — Fri, 05 Jun 2015 22:11:26 +0000

Please feel free to get in touch with us regarding any further queries about the X theme.

Cheers!

Reply To: Cornerstone Row Background Image

Adrianne P — Tue, 09 Jun 2015 07:38:30 +0000

This reply has been marked as private.

Reply To: Cornerstone Row Background Image

Adrianne P — Tue, 09 Jun 2015 07:46:03 +0000

Nevermind, I got it. All I did is set a custom class on the class text-box of that row and call that class in the Custom CSS to customize. I appreciate the help.

Reply To: Cornerstone Row Background Image

Nico — Tue, 09 Jun 2015 14:55:42 +0000

Glad to hear that.

Have a great day! 🙂

Reply To: Cornerstone Row Background Image

blackpixel — Thu, 30 Jul 2015 21:54:40 +0000

Has this issue been resolved? I am fairly sure I am running the latest version of X and my live column backgrounds are still not showing (Shows up in Builder).

Thanks

Reply To: Cornerstone Row Background Image

Rue Nel — Fri, 31 Jul 2015 02:38:23 +0000

Hey @Blackpixel,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

Reply To: Cornerstone Row Background Image

taylorcbq — Tue, 04 Aug 2015 06:37:38 +0000

What we can do for now is to use the Section ID to target that specific Row(x-container). You can add this under Settings > Custom CSS in the Cornerstone.

#x-section-1 > .x-container {
background: #fff url(“IMAGE URL”) no-repeat center right scroll;
background-size: 150px;
}
Change the #x-section-1 with your actual section ID.
It is the same css rule you given above, in shorthanded format.

You guys gave this answer above. As far as changing the “#x-section- to your section ID” is there a way to find/get an ID for a single column within a row. For example if I have a row that is split like 1/3 + 1/3 + 1/3 and I just wanted to style one of them with a background-image or a transparent-color ?

Thank you