By tps on

Hi all

I am setting up a zen sub theme. I use layout-fixed.css.

I have changed the width of ID content to 793px. and adjusted the rest of the layout-fixed.css. Looks ok.

I have an image of size of 865 x 10 that I want to use a back ground image using background:url(“...”), thereby having a left and right border around content.

How can I achieve that?

I don’t know what ID in layout-fixed.css I have to change.

Any help would be appreciated.

Thanks

Thomas S

⋅ Categories: Drupal 7.x

Comments

koneru.46@gmail.com’s picture

koneru.46@gmail.com commented

First install an exteremely useful Addon for mozilla firefox called firebug.It helps to find out what ID's or classes a content on your page belongs to.Using firebug find out the div of the element to which you want to apply background to.Then note down it class or ID and write the following code.

#yourID{
background : url('path-to-background-image');
border : 10px 10px 10px 10px ; /* Adds border to the content 10px on all sides */
}
tps’s picture

tps commented

Hi koneru

Thanks a lot.

I added this styling to ID page:

body {
background: #F9F9F9 url(my image) repeat-y top left;
background-position:center;
}

Thomas S

kcyarn’s picture

kcyarn commented

The Web Developer Firefox extension is also a good one for this. (Information > Display Element Information. Then click on the area you need an ID for.)

I normally use it in conjunction with the Theme Developer module, Devel module, and Masquerade module. I personally find the Theme Developer module more useful than Firebug or Web Developer, but it's not for live sites.