Add partial background image in Brine

Hi,

Anyone knows how to add layers of images like on this page? https://thedenizencowinnie.squarespace.com/

I would like to add an image like the one in the background here, which does not take the whole width of the screen and sort of sits behind the image blocks..

I've tried with a png - adding my image on a clear background but I was wondering if there might be a better, easier way?

Thanks!

Hi Lau_Lau,

I believe this has to be done via Custom CSS code.

I'm also looking to find an answer to your question.

hope we get an answer...

On 11/23/2019 at 12:00 AM, Lau_Lau said:

Hi,

Anyone knows how to add layers of images like on this page? https://thedenizencowinnie.squarespace.com/

I would like to add an image like the one in the background here, which does not take the whole width of the screen and sort of sits behind the image blocks..

I've tried with a png - adding my image on a clear background but I was wondering if there might be a better, easier way?

Thanks!

On 1/7/2020 at 9:42 PM, mcgharios said:

Hi Lau_Lau,

I believe this has to be done via Custom CSS code.

I'm also looking to find an answer to your question.

hope we get an answer...

You can use Image Block  + some CSS.

Then share link to your site, I can take a look.

You were right. Adding the image as a transparent png that only spans part of the width works. Turn on parallax scrolling and then use the overlap image blocks on the page to achieve the same result.

On 1/9/2020 at 4:48 PM, tuanphan said:

 

You can use Image Block  + some CSS.

Then share link to your site, I can take a look.

Here you are