Home>Support>Scaling Masthead Background Image

Scaling Masthead Background Image

By gcf-danny, 10 years ago. Last reply by Andrew Misplon, 10 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month 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, 1 month 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, 1 month 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, 1 month 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, 1 month 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, 1 month 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