Home>Support>Masthead is repeating.

Masthead is repeating.

By ctngo3, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

Hello, I have the vantage premium theme.
I want to use a custom made banner, but it always repeat. I searched through some forums here and used the codes in my CSS style sheet, but couldn’t get it to stop repeating.

My website: http://ctnlawgroup.com

Btw what are the px dimensions for the masthead?
Any input appreciated. Thank you.

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 Andrew Misplon
    Hi, I Work Here

    Hi

    Thanks for running Vantage Premium.

    Give this a go under Appearance >Custom CSS:

    /* Masthead Background Image Cover */

header#masthead {
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

    Given the padding your are using your masthead is currently 84px high. But as it’s 100% width there isn’t a perfect width.

  2. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    To stop repeating and not use the covering I added there just use this:

    /* Masthead Background Image Cover */

header#masthead {
background-repeat: no-repeat;
}
  3. 10 years, 1 month ago ctngo3

    Thank you so much~!

  4. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Super; 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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More