Hello @ Kriesi,
is it possible to have a border image at the bottom of a color section, which a) resizes with the background image of the section and b) overlapps the beneath color section? The goal is to have a teared paper effect after a section.
I have tried it the other way round with :before but that did not work out.
Regards
Hey Sigmund,
Yes it is possible to have a background image at the bottom of the colorsection which can be made to look like a border image.
Add a background image and select bottom center and repeat, repeat horizontally as seen in the below screenshot.
To add a border to the pseudo element to color section enable custom css class name support to the advanced layout element.
.my-border:after{
position:absolute;
z-index:999999;
left:0;
right:0;
content: "";
display: block;
background: url("http://localhost/_proj/enfold/wp-content/uploads/2014/07/soup_narrow-586x1024.jpg") repeat-x;
width: 100%;
height: 20px;
}
There is no easy way to re-size the pseudo element border image tho.
For more info on pseudo element tricks please refer to the below links.
Best regards,
Vinay
Thanks, I will try that. Always great support here!
Regards