Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

AutoFocus+ Pro Theme - image header problems WordPress

  • SOLVED

Hi there,
I have found a way around adding the image header as uploading it through the theme resulted in me not being able to manipulate the height - but now my image is being cropped on the right and I can't see where to fix it

http://bringingpeople2gether.com/

this is the code for the area from the CSS ...

#branding {background: url("http://www.bringingpeople2gether.com/wp-content/themes/autofocuspro/img/logo_vertical.jpg") no-repeat transparent; width:292px; height:110px; margin:0 3px 0 0;float:left;clear:none;}

changing the width doesn't help at all.

Ideally i would like the flexibility of the header width being about 500px .... extending to where the nav starts.

Any help will be appreciated.
Thanks

Answers (3)

2010-07-29

Chris Lee answers:

Have you tried applying

#branding {
overflow:visible;
width:316px;
}


conception comments:

doesn't work ..
i know it makes sense that is should... but doesn't so i am thinking there is code somewhere else stopping this... just not sure where


Chris Lee comments:

Did you add it to the end of the stylesheet?


Chris Lee comments:

Ya i found your issue. Autopro theme has styles that are generated using PHP.

So i recommend using the !important statement after your css declaration

#branding {
width: 350px !important;
}


Chris Lee comments:

Or you can also be more specific in your selector to override the generated styles in Autopro theme.

body #branding {
width: 350px;
}

2010-07-29

wjm answers:

simple.
replace
width:292px;
with
width:100%;


wjm comments:

sorry, it was
change:
#branding {padding-left:0px;width:288px;}

with

#branding {padding-left:0px;width:100%;}


conception comments:

doesn't work ..
i know it makes sense that is should... but doesn't so i am thinking there is code somewhere else stopping this... just not sure where

2010-07-29

Damian Martinelli answers:

You have a style in the html:

#branding {padding-left:0px;width:288px;}

You have to change the width to something bigger, like 350px.