Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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:
/* Sidebar Custom Menu Widget */ #secondary .widget_nav_menu ul { list-style: disc; margin-left: 18px; } #secondary .widget_nav_menu ul li { font-size: 16px; line-height: 2; } #secondary .widget_nav_menu ul li a { color: #666666; padding: 10px 20px 10px 0; text-decoration: underline; } #secondary .widget_nav_menu ul li:hover > a { background: #fffff; color: #f47e3c; }Hope that helps.
Thank you, looks perfect!
Glad that helped :)