Having a border padding inside a section with background image

[Lyser]

Hello, i would like to know if it’s possible to have a border all around the section with a padding and with a background image full width /height.

What i got :

(background image is not full width and full height anymore because of the margin)

What i want :

(section background image is full width/height and border got a padding)

[tristup]

Hi @Lyser,

You can do that by following the below steps described:

1. Add the background image to the Section

2. Add a Row and Column into the Section

3. Add the border to the Column

Please find the screenshots describing the settings and output.

Hope it helps.
Thanks

[Lyser]

Thx Tristup, you helped me to see the way it should be done, i was struggling because there were several columns in my section, so the first thing was to make a global block of all my content so there will be only one column, and i’ve set the max-width of that global block to 1200px so it matches the website width, i put that max width because in my page, i’ve removed the global container of the row so i can put a padding to the section to choose witch distance should be better for the line border to be separated from the sides of that section.

Now the results are exactly what i wanted.

Thx again =)

[prakash_s]

Hello @Lyser,

Glad that you were able to learn something new and able to achieve what you wanted. Please feel free to reach us if you have any query regarding.

Have a great day!
Thanks