[Plugin WooSidebars] CSS for Current item menu

  • Hi,

    I am making a website with 2 menus. For sidebar menu I use Woosidebar Plugin.

    I have a problem, trying to give a personalised style to current item at the menu.

    My menu:

    <div class="menu2">
<ul class="sidemenu">

<li><a href="/sobre-nosotros/">La Empresa</a></li>
<li><a href="/el-equipo/">El Equipo</a></li>
<li><a href="/instalaciones/">Instalaciones</a></li>
<li><a href="/compromiso/">Compromiso</a></li>
<li><a href="/clientes/">Clientes</a></li>
</div>

    CSS:

    .sidemenu { padding:0; margin:0; list-style:none;}
.sidemenu li { display:block;}
.sidemenu li a { display:block; padding:8px 15px; background:#e00034; color:#fff; border-bottom:1px solid #d10031; text-decoration:none; font-size:12px; font-weight:bold;}
.sidemenu li a:hover { background:#9b2d31; color:#fff; text-decoration:none;}
.sidemenu li.current_page_item a { background:#9b2d31; color:#fff; text-decoration:none;}

    Hover works, but Current Page item doesn’t….

    What can I do?

  • The topic ‘[Plugin WooSidebars] CSS for Current item menu’ is closed to new replies.