[Adrianne PParticipant]

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.

[FriechModerator]

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!

[Adrianne PParticipant]

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.

[FriechModerator]

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

Cheers!

[Adrianne PParticipant]

This reply has been marked as private.

[Adrianne PParticipant]

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.

[NicoModerator]

Glad to hear that.

Have a great day! 🙂

[blackpixelParticipant]

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

[Rue NelModerator]

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.

[taylorcbqParticipant]

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

[ChristopherModerator]

Hi there,

To add background color or image to columns, please add background: #fff url(“IMAGE URL”) no-repeat center right scroll; in style field of column.

Thanks.

[shdeveloperParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hey @shdeveloper,

Your site url doesn’t seem to work. Please double check so that we can take a closer look. This is to ensure that we can provide you with a tailored answer to your situation.

Thank you.

[LeannaParticipant]

The following may be helpful for some: In order to get the image to show up I had to adjust the code as follows:
background: #fff url(“IMAGE URL”) no-repeat center right scroll;
that is, remove the #color and the quotes.

[ThaiModerator]

Glad you’ve sorted it out.

If you need anything else, please let us know 🙂

[Author]

Posts