Simple & Easy Elementor Offset Border Design

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!

premium full screen navigation

View Demos

Leave a Reply