Looking for responsive design solution

Ask the community
, , ,
1

Hey,
I just want to use this transparent weave design in my website:

1251×861 140 KB

I try to do that by strips, because its a responsive element. I attachad the graphic file into the top of the strip, and inside the editor it looks fine.

1259×801 146 KB

But in my website, the design element is out of the page resolution:

1175×879 125 KB

QUESTION:
Is there any solution to particulate parts of the website by a responsive, transparent design element like above? Because I cannot fill the background of the strip with a transparent (PNG) format photo, because it displays white background, but I want transition between the blue and red parts.

2

This is very interesting. It seems to work and display well within the editor, but on your actual site it seems to overlap the design.

Have you tried contacting support? They may be able to further investigate what’s happening here and possibly offer a solution!

3

Because I cannot fill the background of the strip with a transparent (PNG) format photo, because it displays white background
Hi, you can apply a PNG image as a background strip, and then make the base color of the strip transparent.

311×603 61.6 KB

4

Thanks for sharing this Eugene! :+1:t4:

5

Thanks, I know about this option, but its not gonna work for me, because I want to make transparent only some parts of the design, as you can see on top.

That image a graphic design element, and If I use this transparent mode, its make the whol element transparent.