Home>Support>Row + Image backgroung strech

Row + Image backgroung strech

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

  1. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 7 months ago Frederic Legrand

    I think cover did the trick

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

  3. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More