Hi Mat, I’m trying to use CSS in a child theme to control my sidebar menu appearance without success. I’m editing the style.css directly through the WP Editor. I’m using ET Divi. Below is a snippet of the Source code from my page’s menu:
<div id=”advanced-sidebar-navigation-menu-3-wrap” data-js=”advanced-sidebar-navigation-menu-3-wrap”><ul id=”menu-sidebarmenumetals” class=”parent-sidebar-menu”>
I think I’m not picking the right selector. I’ve tried many combinations like the three below and nothing has altered the menu.
#advanced-sidebar-navigation-menu-3 {
padding-top: 10px;
padding-bottom: 10px;
border-top: 10px solid blue;
border: 5px solid blue;
}
and
.advanced-sidebar-menu{
padding-top: 10px;
padding-bottom: 10px;
border: 5px solid green;
}
Could you point out to me what I’m doing wrong? Do you have example pages that might help me with layouts I like that I can cut and paste?
Thanks Mat, Nice plugin,
Mike
Hi Mike,
Your CSS is correct. When I added it to your site I do see the border.
I did notice your style.css is cached for one year in browsers, so you may just need to empty your browser cache to see your changes.
Alternatively you may add CSS to your site using this method.
Have a great day!
Mat Lipe
Hi Mat, Thanks for the heads up. I disabled my cache and like magic things started to work. I did see that I should update my version count on my CSS child theme each time I save to get the cache to auto refresh the page. Might help someone else. Mike