Tagged: child pages, sidebar, sidebar pages
Hello,
We would like to adjust how the Sidebar Pages sidebar identifies child pages. We currently are using it on the left hand side and it has a tiny bullet to the right of the name of a child page. We would like to change this so it is more clear to users that these pages are at a different “level” than the other parent pages in the list. We thought maybe using a slight background and removing the bullet. Can you point us to where we can change this?
Hi GlowTouch_Designs!
Could you provide us with a link to the site in question please?
Best regards,
Rikard
Hey!
you can remove the bullet with this code in Quick CSS field:
#top .sidebar_left .widget_nav_menu ul ul li:before {
display: none;
}
For a background image try this:
#top .widget_nav_menu .nested_nav {
background: url(https://img.cmc-versand.de/wg/rc-auto-elektro-glattbahn.png) no-repeat center center;
}
replace the image url inside brackets with your own.
Cheers!
Andy
Thanks! I ended up modifying your code a little bit for a final result that we liked.
#top .sidebar_left .widget_nav_menu ul ul li:before {
display: none;
}
#top .sidebar_left .widget_nav_menu ul ul li {
font-weight: 400;
}