background image external url

[nichelead]

Hi,

How do I set a background image for a single row in my home page with external url? I want this image to load form an external url – not from media library/uploads folder.

The only option I see in the row setting is to select the background image from media library.

I know that it can be done with a css class but not sure how to do it right.

Thanks!

[sharmstr]

Go into row settings and add an Extra class name. Save the row. Click on the gear icon at the top of the VC editor and add the following css

COPY CODE

.my-extra-class-name {
    background-image: url(http://www.external-site.com/image.jpg);
    background-attachment: scroll;
    background-size: cover;
}

Change .my-extra-class-name to whatever you named your class and change the url to your image.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts