In a recent project, we needed a left border on certain columns and then have them set to none on smaller screens. Since Avada currently does not have border settings for small and medium screens, this was our workaround (demo).

 @media only screen and (min-width: 1024px) {
    .border--left{
    border-left:1px solid var(--gray-20); //#c9c9c9
    }}

Simply add this to your custom CSS and then add border–left to the class file on the columns that need the border.

Originally published on Aug. 16, 2022

time-lapsed of street lightsNew Feature - Quick Tips
brown turtle swimming underwaterList of Links

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.