Hi I’m trying to increase the font size to 16 and decrease the padding of the sidebar so that more words can fit in the line. I’ve put in a custom menu with links going down to the right hand side of the site
I’ve experimented quite a bit with the css code & managed to change the colour of the links at least.
/* Sidebar Custom Menu Widget */ #secondary .widget_nav_menu ul li { background: #ffffff; font-size: 16 line-height: 16px; } #secondary .widget_nav_menu ul li a { color: #666666; font-size: 16 line-height: 16px; padding: 10px 20px 10px; text-decoration: underline; } #secondary .widget_nav_menu ul li:hover > a { background: #fffff; font-size: 16 line-height: 16px; color: #f47e3c; text-decoration: underline; }
Also it’s strange, Ive made this site a premium child theme site but within theme settings it doesn’t show up ‘Premium’ although I think I’ve got all the premium settings.
I would also like to increase the line height so there is a bit more of a gap between the links. That’s why I put in line-height: 16px into my code, but it didn’t make a difference.
It woud be really nice to have dots next to each link too
Hi :)
Please, try removing all Custom CSS you’ve created for the sidebar menu widget. Remove all styles pasted in your initial question. Replace with mine:
Hope that helps.
Thank you, looks perfect!
Glad that helped :)