Home>Support>Scaling Masthead Background Image

Scaling Masthead Background Image

By gcf-danny, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 10 months ago gcf-danny

    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. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 10 years, 10 months ago gcf-danny

    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?

    • 10 years, 10 months ago Andrew Misplon
      Hi, I Work Here

      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. 10 years, 10 months ago AS Cahyono

    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)

    • 10 years, 10 months ago Andrew Misplon
      Hi, I Work Here

      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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More