Resize Header with CSS

  • Unknown's avatar
    summergathercole · Member ·

    I want to customize my header so that it fits better. If you visit this page (http://shgadvisors.com/sample/) and scroll down, you can see a sample image of what I’d like the header to look like. When I upload the media to the header now, it takes up the entire space, resulting in a logo that looks too big, as well as blurry.

    I don’t know how to use CSS so I need very explicit step-by-step instructions on how to fix this. (BTW, I have tried to change the pixels but that does not help.) Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    supportmyoffice · Member ·

    This is not an issue with your CSS, it is your image. The best way to solve this is to create or use an image that is properly sized using a photo editor. Your original image is 500×108 and the theme is stretching it to fit the default header size of 940×148.

    You should also consider saving it as a .png or .jpg instead of a .gif file.

    Hope this helps.

  • The topic ‘Resize Header with CSS’ is closed to new replies.