Support » Themes and Templates » Resizing header image

  • Resolved MacMediaMarketing

    (@macmediamarketing)


    Hi All,

    I’d appreciate some help finding the header dimensions in the CSS. This theme has limited my header dimensions to 500×52 and auto-crops my image. I’d like to make the new dimensions 1265×110 so that I can fill the entire header bar with a landscape image.

    Thanks so much in advance!
    Mac

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter MacMediaMarketing

    (@macmediamarketing)

    Wow, that’s really strange that the theme would crop the image so small.

    So, what you can do is instead of having a header image is to set the background of the site-name container by adding a CSS rule:

    #header #site-name {
       background: url('http://visioncod.com/testing/wp-content/uploads/header-image.jpg');
       background-size: cover;
    }

    Change the url value to a location where you’ve uploaded a header image. The only problem with this technique is that the image won’t be responsive, i.e., it won’t shrink in size to different viewport settings, but it looks like the theme isn’t responsive anyway, so it probably doesn’t matter.

    Thread Starter MacMediaMarketing

    (@macmediamarketing)

    You are the greatest! This worked perfectly, and my header looks much better.

    Thank you so much for your help!!
    Mac

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Resizing header image’ is closed to new replies.