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.

Scaling Masthead Background Image

Open 6 replies premiumthemetheme-vantage
gcf-danny
11 years ago · Last reply by Andrew Misplon 11 years ago

I am attempting to insert an image as a background for the masthead. I am using the boxed layout. However, whatever I seem to do, the image always exceeds the masthead size, making only a zoomed part of the image visible. I would like the entire image to be visible.

I have removed the image from my website now, but the link is http://progressivegreenwood.org/.

Any help would be greatly appreciated!

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

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. gcf-danny 11 years, 6 months ago

    Also, I have another question regarding a small tweak I would like to make. I hope its ok for me to ask it on this thread as well. Basically I would like to reduce the space between the vantage headline which I am using as page titles, and the text underneath it.
    http://progressivegreenwood.org/about-greenwood-county/
    Is there any way to do make this possible?

  2. Andrew Misplon Staff 11 years, 6 months ago

    Hi John

    Thanks for running Vantage.

    Can you confirm that you’re adding the masthead background image via Appearance > Customize > Page: Masthead and that your background image is 1080px wide.

    If possible please insert a link here to the image in your media library. If you navigate to the image under Media you’ll find the link in the right column.

  3. gcf-danny 11 years, 6 months ago

    Hi Andrew,
    Thanks for your help. I had originally created the image at 1080px width, however somehow it was resized upon saving and uploading… I only just noticed that now. I fixed it, so thanks!

    Also, I have another question regarding a small tweak I would like to make. I hope its ok for me to ask it on this thread as well. Basically I would like to reduce the space between the vantage headline which I am using as page titles, and the text underneath it.
    http://progressivegreenwood.org/about-greenwood-county/
    Is there any way to do make this possible?

    • Andrew Misplon Staff 11 years, 6 months ago

      Hi gcf-danny

      Insert the following under Appearance > Custom CSS:

      /* Headline Widget */
.widget_headline-widget h3 {
padding-bottom: 20px !important;
}

      And adjust the 20px figure down as required.

  4. AS Cahyono 11 years, 6 months ago

    After make some trial and error, finally find fit size header background (as logo too) on masthead (box layout)

    1080px Wide
    100px Height

    check : http://www.dutaflow.co.id (still under development)

    • Andrew Misplon Staff 11 years, 6 months ago

      Hi AS Cahyono

      Glad to hear you’ve made progress there.

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