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
10 years ago · Last reply by Andrew Misplon 10 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 10 years, 11 months 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 10 years, 11 months 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 10 years, 11 months 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