Adding vertical divider lines between wordpress menu items
Hello,
I would like to add vertical divider lines between the items of a worpress menu, and was wondering if I can use the same
instructions show in this tutorial for DIVI https://www.youtube.com/watch?v=NsUZZ7gHIuA
I tried the following code in the default wordpress theme but didn´t work as I expected
.brz-menu .brz-span {
border-right: 2px solid rgba(85, 85, 85, 1);
padding-right: 30px;
padding-left: 30px;
}
.brz-menu ul li:last-child .brz-span
{
border:none;
}
.brz-menu ul li ul li .brz-span
{
border:none;
}
.brz .brz-css-vgyzh .brz-menu__ul > .brz-menu__item {
margin-right: 0px;
margin-left: 0px;
}
.brz .brz-css-julec .brz-menu__ul > .brz-menu__item > .brz-a {
padding: 0px;
}
.brz .brz-css-julec .brz-menu__ul > .brz-menu__item {
margin-right: 0px;
margin-left:0px;
}
.brz .brz-css-bltry .brz-menu__ul > .brz-menu__item {
margin-right: 0px;
margin-left: 0px;
}
.brz .brz-css-tinmp .brz-menu__ul > .brz-menu__item {
margin-right: 0px;
margin-left: 0px;
}
.brz .brz-css-ogasy .brz-menu__ul > .brz-menu__item {
margin-right: 0px;
margin-left: 0px;
}
.brz .brz-css-yewlj .brz-menu__ul > .brz-menu__item {
margin-right: 0px;
margin-left: 0px;
}
.brz .brz-css-cnmrw .brz-menu__ul > .brz-menu__item {
margin-right: 0px;
margin-left: 0px;
}
.brz .brz-css-cnmrw .brz-menu__ul > .brz-menu__item > .brz-a {
padding: 0px;
}
.brz .brz-css-jskok .brz-menu__ul > .brz-menu__item {
margin-right: 0px;
margin-left: 0px;
}
.brz .brz-css-jskok .brz-menu__ul > .brz-menu__item > .brz-a {
padding: 0px;
}
0
-
I also found these instructions but are for BRIZY CLOUD
https://support.brizy.io/hc/en-us/community/posts/360075727651-Ad-Dividers-Between-Menu?
input_string=Adding%20vertical%20divider%20lines%20between%20menu%20items0 -
Hello Alejandro,
Thank you for contacting us.
In Brizy Worpress you can add divider lines between the Wordpress menu too, please see this video.
Best regards, Nelea.
0
Please sign in to leave a comment.
Comments
2 comments