Okay
  Public Ticket #2194189
Customization
Closed

Comments

  • Omer started the conversation

    how do i add borders b/w widgets (left column and right column)

  •  358
    OrionThemes replied

    Hi,

    Page builder sadly does not have an option to set borders between the cells. 
    It is however possible to create a custom solution for side dividers, but it might not work out of the box for in each and every case.

    Here is what i suggest:

    1. Navigate to Theme Options -> Custom CSS and paste this snippet inside:

    @media (min-width: 992px) {
    .add-side-borders > .panel-grid-cell {
    position: relative;
    }
    .add-side-borders > .panel-grid-cell:not(:last-child):after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    right: -15px;
    border-right: 1px solid #ccc;
    }
    }

    On desktop, this will create a pseudo element, with border 1px wide and color #ccc . Adjust the color as needed. Now each row with the class "add-side-borders" will display the side separators.

    2. On the row, where you want to add the side dividers, you can add a class under Row Styles -> Attributes:

    4090110535.png

    I hope this helps,

    Andrej