Edit sidebar widget padding (the lines within each widget)

• 

  jerrywinroberts · Member · Oct 16, 2016 at 6:30 pm

  • Copy link
  • Add topic to favorites

  Theme: Karuna
  Site: http://www.therobertreport.net

  I am trying to decrease the spacing between the lines of content within a widget (not the spacing between widgets). Can someone tell me the code to add so I can edit it? I believe it will be specific to the Karuna theme. Thank you, lisa.

  The blog I need help with is: (visible only to logged in users)

• 

  musicdoc1 · Member · Oct 20, 2016 at 12:28 am

  • Copy link

  Hi,

  See the Extra line breaks section of the Advance HTML support page. The code to use will look like this:
  <p style="padding-top:14px;">Your paragraph of text here.</p>
  and
  <p style="padding-bottom:14px;">Your paragraph of text here.</p>

• 

  musicdoc1 · Member · Oct 20, 2016 at 12:32 am

  • Copy link

  I am trying to decrease…

  Sorry, I hadn’t read that carefully. The code I suggested won’t help unless you are already using it. In that case, you could adjust the number of pixels in the padding.

• 

  kokkieh · Staff · Oct 20, 2016 at 6:48 am

  • Copy link

  Hi there,

  You can use the following CSS in the Customizer to do this:

  .widget div >ul li, .widget > ul li {
  	padding-top: 0px;
  	margin-top: 0px;
  }

  You can adjust the two px values until it looks right for you.

  Note that for CSS help the best place to post is the CSS forums, here:

  https://en.forums.wordpress.com/forums/css-customization

  The staff and volunteers in that forum are experts at CSS help, and while some of us in the rest of the forum might also be able to help with simple stuff, most of us aren’t experts :)

• 

  jerrywinroberts · Member · Oct 21, 2016 at 1:38 am

  • Copy link

  Hey that worked perfectly! Thank you. Next question… and I can post on the css forum, but i’m guessing you might know… I’d like to change the hover color of links (within the body of the blog & widgets, not the main navigation). Currently, in the customizer, you can’t choose that color.. it’s automatic.. and it’s barely perceptible. Thank you.

• 

  kokkieh · Staff · Oct 21, 2016 at 8:28 am

  • Copy link

  a:hover, .entry-title a:hover {
  	color: red;
  }

  That will do it. If you don’t want the post titles affected, only use a:hover {…, so remove the .entry-title a:hover bit.

• 

  jerrywinroberts · Member · Oct 21, 2016 at 2:13 pm

  • Copy link

  That’s great, thank you again. How about changing the original color of the links (before mouseover).. Again, the customizer doesn’t allow this.

• 

  jerrywinroberts · Member · Oct 21, 2016 at 2:19 pm

  • Copy link

  actually.. i think i’m getting there with the customizer..

• 

  kokkieh · Staff · Oct 21, 2016 at 5:18 pm

  • Copy link

  To change the original colour you can use basically the same CSS I gave above, but without the :hover included.