Hi,
When you create a page then display a left side navigations hierarchy the different levels have a “.” bullet
I want to change this “.” to a “-” dash symbol to represent the page hierarchy…
Advice on how to do this would be much appreciated…
Hey sitesky!
Add this to your custom CSS.
#top .widget_nav_menu ul ul li:before {
content: "-" !important;
}
Best regards,
Elliott
Hi,
Sorry that didn’t work
Hi!
Please go to wp-content > uploads > dynamic_avia folder then delete the enfold_child.css file. Go back to the theme options panel, toggle any setting then save changes to regenerate the file. Let us know what happens.
Cheers!
Ismael
Hi,
Whats happened after adding:
top .widget_nav_menu ul ul li:before {
content: ” !important;
}
#top .widget_nav_menu ul ul li:after {
content: ‘-‘;
position: absolute;
top: 5px;
right: -10px;
}
Is that the dash is visible but so is the bullet, effectively the bullet is on top of the dash
Hi!
Yeah. The Quick CSS can’t override the default styling. Try to edit css > layout.css via FTP. Look for this code:
#top .widget_nav_menu ul ul li:before {
content: "\2219";
position: absolute;
top:5px;
}
Replace it with:
#top .widget_nav_menu ul ul li:before {
content: "-";
position: absolute;
top:5px;
}
Remove the modifications on the Quick CSS field.
Cheers!
Ismael