Simple & Easy Elementor Offset Border Design

Table of Contents

Let's learn how to add this awesome offset border to any Elementor column!

To begin with, copy this code under Advanced > Custom CSS for your column.

This will require Elementor Pro. For Elementor free users, give your Elementor a class name under Advanced, then replace 'selector' with your given class name. More information in the video!

selector > div::before{
    width: 100%;
    height: 100%;
    left: -16px;
    position: absolute;
    border: 3px solid #717171;

Then, adjust the code to get the design you want

If you want a different styling than what is offered by default. More information about this in the video.

Finally, enjoy your awesome Elementor offset border!

Let me know if everything works for you!