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)
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;
}
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
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.