Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #659686

    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

    #659701

    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

    • This reply was modified 8 years, 4 months ago by Vinay.
    #660085

    Thanks, I will try that. Always great support here!

    Regards

    #660335

    Hi,

    Great, we’ll keep the thread open for you if you should have any further problems or questions.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.