logo

$4
AutoFocus+ Pro Theme - image header problems

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

conception | 07/29/10 at 11:23am | Edit

autofocus+, image header, logo

(3) Possible Answers Submitted...

  • avatar
    Last edited:
    07/29/10
    11:33am
    wjm says:

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

    • 07/29/10 11:35am

      wjm says:

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

      with

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

    • 07/29/10 11:36am

      conception says:

      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

  • avatar
    Last edited:
    07/29/10
    11:51am
    Chris Lee says:

    Have you tried applying

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

    • 07/29/10 11:36am

      conception says:

      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

    • 07/29/10 11:38am

      Chris Lee says:

      Did you add it to the end of the stylesheet?

    • 07/29/10 11:40am

      Chris Lee says:

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

    • 07/29/10 11:43am

      Chris Lee says:

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

      body #branding {
      width: 350px;
      }

  • avatar
    Last edited:
    07/29/10
    11:35am
    Damian Martinelli says:

    You have a style in the html:

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

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

This question has expired.





Current status of this question: Completed