
I created vertical menu using Themler and want few styles for few menus.
I found that each menus have its own id - data-block-id for example data-block-id="vmenuwidget-2" and I try to use own css style but it dont work. My code:
<div class data-responsive-menu data-responsive-levels>
</div> <div class data-block-id>
</div> <div class>
<h4>First header</h4>
</div>
...
<div class data-responsive-menu data-responsive-levels>
</div> <div class data-block-id>
</div> <div class>
<h4>Second Header</h4>
</div>
....
<div class data-responsive-menu data-responsive-levels>
</div> <div class data-block-id>
</div> <div class>
<h4>Third Header</h4>
</div>
...
my css:
.bd-block-10.widget.vmenu#vmenuwidget-2 {
background: #000000;
}
.bd-block-10.widget.vmenu#vmenuwidget-3 {
background: #FFFFFF;
}
.bd-block-10.widget.vmenu#vmenuwidget-4 {
background: #F1F1F1;
}
Please help with this
I created vertical menu using Themler and want few styles for few menus. I found that each menus have its own id - data-block-id for example data-block-id="vmenuwidget-2" and I try to use own css style but it dont work. My code: <div class data-responsive-menu data-responsive-levels> </div> <div class data-block-id> </div> <div class> <h4>First header</h4> </div> ... <div class data-responsive-menu data-responsive-levels> </div> <div class data-block-id> </div> <div class> <h4>Second Header</h4> </div> .... <div class data-responsive-menu data-responsive-levels> </div> <div class data-block-id> </div> <div class> <h4>Third Header</h4> </div> ... my css: .bd-block-10.widget.vmenu#vmenuwidget-2 { background: #000000; } .bd-block-10.widget.vmenu#vmenuwidget-3 { background: #FFFFFF; } .bd-block-10.widget.vmenu#vmenuwidget-4 { background: #F1F1F1; } Please help with this