[Resolved] Off-set Image Border

[Mike]

Trying to add an off-set border to images, but not having any luck so far. Any suggestions are appreciated.

Here is an example – https://www.dropbox.com/s/39d8a2rjz4kzqk2/screen%20shot%202021-01-08%20at%2012.45.38%20am.png?dl=0

Thanks!

[Elvin]

Hi,

It’s hard to tell without being able to inspect the page structure.

Can you link us to the page in question?

You can use private information text field to provide the details. Thank you.

[Mike]

Thanks – https://pollenlondon.com

[Ying]

Hi Mike,

You can create a grid structure using GenerateBlocks like this:
https://www.screencast.com/t/WGJlIHXtB

For example:
1. Set Container A1,A2,B1,B2 padding top and padding bottom all to 300px.

2. Set Background image for Container A1 and B1.

3. Set Border size (in Spacing section) to 5px for Container A2 and B2.

4. Set Margin top to -640px, margin left to 40px, margin right to 40px for Container A2 and B2.

5. Set Margin top to 80px to Container B.

You could try to adjust the numbers to find the best combination to fit your site.

Let me know how it works 🙂

[Mike]

Ying – you’re the best!

Great instructions and worked perfectly.

Thanks again!

[Ying]

You are very welcome 🙂
It’s my pleasure!

[Author]

Posts