CMS Development

alponce
Participant | Partner
Participant | Partner

Changing background image on a Template Level

SOLVE

Hi All, 

 

I'm having a problem in inserting background image on a group module (div), I've tried to insert this css style syntax:

 

background-image: url('<sample_url_from_the_web>');

 

I am applying this via the CSS declaration on the module and even via the external css sheet. Please advise if I am missing something. 

 

Thanks in advance!

0 Upvotes
2 Accepted solutions
Solution
Anonymous
Not applicable

Changing background image on a Template Level

SOLVE

Hi @alponce,

This css should work. If it is not working, it might be mostly because of abrupt ending.

Try with urls which don't have ')' in it.

Or try it as,

background:url('https://storage.googleapis.com/madebygoog/v1/buy/googleplaymusic.png');

View solution in original post

0 Upvotes
Jsum
Solution
Key Advisor

Changing background image on a Template Level

SOLVE

@alponce,

 

Your syntax should look like this if you are using html:

<div style="background-image: url(url.jpg);">

</div>

If you are trying to place this in the css of a drag and drop module then You shouldn't be having an issue. Maybe try removing the quotes from around the image url.

 

 

 

View solution in original post

0 Upvotes
2 Replies 2
Jsum
Solution
Key Advisor

Changing background image on a Template Level

SOLVE

@alponce,

 

Your syntax should look like this if you are using html:

<div style="background-image: url(url.jpg);">

</div>

If you are trying to place this in the css of a drag and drop module then You shouldn't be having an issue. Maybe try removing the quotes from around the image url.

 

 

 

0 Upvotes
Solution
Anonymous
Not applicable

Changing background image on a Template Level

SOLVE

Hi @alponce,

This css should work. If it is not working, it might be mostly because of abrupt ending.

Try with urls which don't have ')' in it.

Or try it as,

background:url('https://storage.googleapis.com/madebygoog/v1/buy/googleplaymusic.png');

0 Upvotes