This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Masthead image is resizing

Resolved 3 replies premiumthemetheme-vantage
Jim Lord
11 years ago · Last reply by Andrew Misplon 11 years ago

I have a wide masthead image, 1080 x 200. When I view it on the computer screen, the image has been resized in the img tag to be sized at ‘width=”1010″ height=”187″‘, which leaves ugly space on each side of my image.

I’ve looked throughout the css, but can’t find where this is. I’ve removed paddings and margins in so many places, I ended up having to reupload my backup of the css file.

I want this to be 100%. How can I make that happen? We’ve purchased the premium version.

Thank you.

URL: http://collegestunt.org

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 7 days ago

    Hi Jim

    Please try the following under Appearance > Custom CSS:

    /* Full header logo */
header#masthead {
padding: 0 !important;
}
header#masthead .hgroup {
padding: 0 !important;
}
header#masthead .hgroup .logo img {
width: 1080px;
}
.main-navigation {
margin: 0 !important;
}
body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar {
display: none !important;
}
  2. Jim Lord 11 years, 7 days ago

    Boom. Like a champ. Thank you for all of the code! Love it and we expect to use it more on other sites!

  3. Andrew Misplon Staff 11 years, 7 days ago

    Super, really glad to hear that helped. All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread