How to set a background image for a div

Hi!
I am creating additonal styles in my templates instead of my css file because it for a certain page. But i defined my new style in meta-data and I ma trying to set an image for this new div but it will not show up…i have also tried to set it in my css file but it still will not show up …below is the code I used in my meta data…help on this issue please…

.bck {
width:960px;
height:720px;
background:url(’/web_resources/themes/City of Tuscaloosa/images/bck.jpg’);
}

Hi Mallorie,

I am trying to see the asset by appending the url to the live site and it is not appearing. My first response is to ask what state the asset is in. This might need to be approved and published for the changes to take effect. Since it appears that it is in your web resources folder, I would check the asset, approve it, if it is not, and then run a full publish since it is in the web resources folder.

Let me know if that helps!

I didnt think you could approve images or assets thats in the web resource folder…should i upload it as a regular asset and use that link

oh sorry! good catch! I misspoke! No need for approval, just run a full publish and give that a go! Two thoughts collided at once!

we’re kind of in a need to do an upgrade for our percussion and last time i did a full publish it took forever…is this the only way…could i upload it as a regular asset instead

Yup, you could also upload as a regular asset…just use the the publish now feature on the individual page and you are ready to rock!

I tried…the background image still not appear…this is the code below i used in the meta-data
.bck {
width:960px;
height:720px;
background:url (’/Assets/New-Homepage-Design/bck.jpg’);
}

Mallorie, it looks like your image is now live on your site, so that’s a good start:

http://www.tuscaloosa.com/Assets/New-…

Can you link me to a page where this background image should be appearing?

this is the page…it is in its rough drat right now and the background image should appear behind the red boxes

http://www.tuscaloosa.com/test-homepage

Ah, okay you just need to remove the space between the “url” value and the path to the image in your CSS rule:

.bck {
width:960px;
height:720px;
background:url(’/Assets/New-Homepage-Design/bck.jpg’);
}

Small syntax mistake; didn’t notice that at first.

Thanks!!! It worked!!!

Great! :slight_smile:

whew!