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:
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:
how do i add borders b/w widgets (left column and right column)
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:
I hope this helps,
Andrej
OrionThemes