Top & Bottom Section Separators

[Bryant]

Hello Themeco Support,

I am trying to achieve a certain effect with the top and bottom section separators. I want the angle that a separator provides, but without a color because I want to use the background image instead. I have found a website that uses the X Theme and has the exact effect I am looking for being used throughout their site:

Here’s the site

Can you please explain to me how I can achieve a similar look? On their site each section is separated the same, with a nice angle but they use the background images instead of a color.

Thanks in advance

[friech]

Hi There,

Thank you for writing in, the trick on that is to not apply a separator on the section that has a background-image.

What I mean by that is, for example you have 3 sections, place the background-image on the middle section (section 2), apply a bottom-separator on the above section (section 1) with the same color as its background-color. Set the z-index of this section to 2 so it will be layered above the section 2.

Then apply a top-separator to the bottom section (section 3) with the same color as the background-color of that section.

Hope this gives some ideas,
Cheers!

[Bryant]

Hey Friech,

That worked perfectly, thank you so much!

[christian]

You’re welcome. Glad we could help.