how to adjust or delete padding in top header

Started by e4job, February 23, 2013, 03:30:53 PM

Previous topic - Next topic

e4job

if you look at www.e4job.com/jb you will see we have replaced SMF header with our own header and there is about 20px padding on both the left and right side of our header jpg

we can not find where to adjust or delete this padding space to give our header jpg full width presence

your help will be appreciated and Thank you


Olga

kat

The image seems to be 910 pixels wide.

The screen seems to be 950 pixels wide.

Tried making the image 950 wide?

e4job

Quote from: K@ on February 23, 2013, 04:15:57 PM
The image seems to be 910 pixels wide.

The screen seems to be 950 pixels wide.

Tried making the image 950 wide?

yes, we started with 950px jpg and the left padding of 20px held in place so the jpg overflowed to the right and cut off at the 950 mark

Hristo

In theme's index.css look for these selectors:

#header {
    background: url("../images/theme/main_block.png") no-repeat scroll 0 -480px #FEFEFE;
    padding-left: 20px;
}

and

#header div.frame {
    background: url("../images/theme/main_block.png") no-repeat scroll 100% -480px transparent;
    display: block;
    padding: 5px 20px 1em 0;
}

Change/delete them according your needs.

e4job

Thank you very much Hristo, that is exactly what we were looking for and it worked like a charm  :)

Advertisement: