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.

Row + Image backgroung strech

Resolved 3 replies premiumthemetheme-vantage
Frederic Legrand
11 years ago · Last reply by Andrew Misplon 11 years ago

Styling a Page


did look at that page for help on how to display a full width image background on a single row

when i try the different settings i only get a center image

in
Edit row > Theme > Background Image

URL: http://horsebackridingsource.com/

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

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 21 days ago

    Hi Frederic

    There is unfortunately a clash between new Page Builder styles and legacy Vantage ones. We’ll be sorting this out in the next Vantage update.

    Apologies for the hiccups here. Please add your background image again in the Theme tab, go to Layout tab and set the row to Full Width Stretched, then try adding the following to Appearance > Custom CSS:

    /* Page Builder */
.siteorigin-panels-stretch {
background-size: contain;
}
  2. Frederic Legrand 11 years, 21 days ago

    I think cover did the trick

    .siteorigin-panels-stretch {
    background-size: cover;
    }

  3. Andrew Misplon Staff 11 years, 20 days ago

    My bad, not sure how that crept in there. Thanks for posting the correction here. So to confirm:

    /* Page Builder */
.siteorigin-panels-stretch {
background-size: contain;
}

    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