Bg image overlap section above and below

[suzannereid]

Hey! I’d like to accomplish a design that has the lower background layer overlapping the section above and below. Is there someone who could point me in the right direction for accomplishing that? the image attached is the comp and the link is the URL I’m building at. Thanks!

http://americanpetspa.wpengine.com

[thai]

Hi There,

I’ve changed the size of BACKGROUND UPPER LAYER to contain:

Then added the top & bottom padding to that section, everything looks good now:

For more information about the background size, please take a look at this:

https://www.w3schools.com/cssref/css3_pr_background-size.asp

Regards!

[suzannereid]

Thanks, I actually would like the star to be bigger AND to overlap the section abov and below. So before, it was getting cut off, i’d rather it overflow onto the sections above and below. Does that make sense?

[friech]

Hi There,

Thank you for writing in, please add this to Section’s Element CSS area

$el.x-section .x-bg {
	margin-top: -10em;
}

This will move the dog background on as well though, please remove that lower layer background and add it as an image element.

Hope it helps,
Cheers!