This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Sidebar settings – increase font size & decrease padding

Resolved 5 replies premiumthemetheme-vantage
Eli Langley
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

URL: http://www.shellychiro.co.za/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Eli Langley 10 years, 3 months ago

    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.

  2. Eli Langley 10 years, 3 months ago

    It woud be really nice to have dots next to each link too

  3. Andrew Misplon Staff 10 years, 3 months ago

    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.

  4. Eli Langley 10 years, 3 months ago

    Thank you, looks perfect!

  5. Andrew Misplon Staff 10 years, 3 months ago

    Glad that helped :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread