Spacing below Titles

• 

  yinningyang · Member · Oct 18, 2015 at 12:54 am

  • Copy link
  • Add topic to favorites

  Hi, I would like to reduce the space between the titles and body text if possible in both the main titles and Widget titles.

  Also, how can I change the color of the titles in the Widgets to #d47c34 to match my other headings.

  Thank you in advance

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

• 

  g471n · Member · Oct 18, 2015 at 8:03 am

  • Copy link

  Hi Lauren

  To change the color of the Widget titles add the following custom CSS.

  #secondary .widget-title {
      color: #d47c34;
  }

  To add custom CSS

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

  You need to be on the WordPress.com Premium Plan for custom CSS to save.

• 

  yinningyang · Member · Oct 18, 2015 at 10:19 am

  • Copy link

  Thank you g417n. I really appreciate your help. Unfortunately it didn’t work. I have had success customising the colours and fonts in the main body, but the widgets are certainly proving to be a challenge for this beginner. Thanks again.

• 

  g471n · Member · Oct 18, 2015 at 12:16 pm

  • Copy link

  Ok, perhaps give this a try.

  #secondary .widget-title {
      color: #d47c34 !important;
  }

• 

  yinningyang · Member · Oct 18, 2015 at 9:20 pm

  • Copy link

  Legend!!!! Worked effortlessly! Thank you.

  I don’t suppose you could help me with another thing??? I had another look at the Yumblog theme I uploaded and noticed that there was a grey line under the headings/titles in the widgets and the social media icons were also orange. Currently, no line has ever appears and the icons are black. Any suggestions?

  Thank you soooo much for your help. :)

• 

  yinningyang · Member · Oct 18, 2015 at 9:52 pm

  • Copy link

  I’m guessing that is why the spacing below the title is quite large as there is meant to be a line underneath. I don’t mind the large spacing if there’s a line in the area.

• 

  g471n · Member · Oct 19, 2015 at 9:14 am

  • Copy link

  To change the color of the media icons:

  .widget_wpcom_social_media_icons_widget .genericon {
      color: #d47c34;
  }

• 

  yinningyang · Member · Oct 19, 2015 at 9:53 am

  • Copy link

  Brilliant! Thank you again. Worked a treat :)

• 

  g471n · Member · Oct 19, 2015 at 10:05 am

  • Copy link

  I’m still not sure about the grey line. Will let you know when I figure it out.

• 

  g471n · Member · Oct 19, 2015 at 2:45 pm

  • Copy link

  I just noticed that the Facebook widget title is still grey. This should fix it.

  #secondary h4 a {
      color: #D47C34 !important;
  }

• 

  g471n · Member · Oct 20, 2015 at 7:14 am

  • Copy link

  I’m still not sure about how that grey line is being created but this should help you with the spacing.

  #secondary .widget-title {
      padding-bottom: 0em;
      margin-bottom: 0em;
  }
  h4 {
      margin-bottom: .5em;
  }