Simple & Easy Elementor Offset Border Design

July 18, 2020

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{
    content:'';
    width: 100%;
    height: 100%;
    top:-16px;
    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!

To see the comments, click 'accept all' in the Cookie settings (lower right sticky icon). Then refresh the page.

If you still don't see the comments, try using Chrome or Edge, as you probably you have an adblock or a browser such as Firefox or Brave.