Main page background image problem!

[tsaurus]

Hi guys,

Working on a customisation of the gloss_blue template but have one problem. I'm trying to put in a background image for the main page (center column), but this template seems to have set the image to 100% with, whilst I want to set it to a certain size like 700px.

Can anyone tell me where in the code I can go to to fix this?

Cheers

Tsaurus

ps, see attached image

[kobra]

Almost all the styling can be controlled by editing the stylesheet.css file located in the includes/templates/template_default/css folder...make a copy to your template file and edit the copy. Use the override system.

Then look for mainWrapper. and it is most likely 100% so set it to 75% or a defined number of px.

[tsaurus]

Thanks Kobra

Unfortunately I have already tried that, the mainwrapper width setting seems to control the entire page width, left and right columns included. I think this has something to do with this particular template as it was originally designed for 100% width?

Where else could I go to find the width setting for the center column only?

[kobra]

Check these classes & ID's for settings, marging & padding:

.centerColumn
.centerBoxHeading

I also did not see any sideboxes in your pic...do you not have any displaying? If not have you turned off the left & right columns globally in admin > config > layout settings?

[tsaurus]

Thanks Kobra

Yeah I've deliberately left the sideboxes out yet, still playing with the main design first before I work on them.

Could you please explain what I should do with the class and id settings? I'm not familiar with them yet...still learning :)

[kobra]

Got a url?? As this gets you more direct responses

can post it like mydomain dot com