Monday, January 13, 2014

Underlining Sidebar Gadget Titles

I decided I wanted to underline my Gadgets yesterday. So I looked around for ways to do it.

This will be in your CSS. Go to Customize>Advanced>Add CSS.

Copy and paste the following into the CSS box;

sidebar h2.title, .sidebar h2 {
font-size: 13px;
font-weight: bold;
font-family: 'georgia' !important;
text-transform: uppercase !important;
border-bottom: 2px dashed grey;
padding-bottom: 5px; 

It didn't work for me. Normally you can see it change right then. So I hit the space button and there it was. Not sure why this sometimes works. 

Okay, say you want to change some of these lines of code. I'd leave the first line alone. It's up to you what font size you want. The font weight I'd leave alone. The font family you could change; I chose not to. I'd leave text-transform alone. Border bottom you can change pixels, though you don't want much over 2 px. You could change dashed gray, I suppose. But normally it is a hex color like this #000000. And there was no hex code, so I left this alone. Padding bottom I'd leave alone also.

In fact I left the whole code alone and copied and pasted it just as it appears. 

UPDATE: I just now tried to add a hex code instead of dashed grey, and it didn't work.
I just went back and changed grey to red on this blog and it worked. I tried dashed black and it worked. So you could try colors with the dash and see what happens. 

I went to Cozy Little House and added solid gold instead of dashed grey and it worked also. I went to Color My Decor and typed solid orange and it worked as well.

That's it!

Enter your email address:


Delivered by FeedBurner
Follow on Bloglovin
follow us in feedly

5 comments:

  1. I was curious to know if you knew what fonts were supported for this. I have managed to customize everything except the font. I'm currently going to google.com/fonts for my fonts, but the one I'm using "poiret one" is not working. It shows up in my preview, but when viewed in my actual page after saving it doesn't show it?!

    ReplyDelete
  2. I've been working on trying to change my sidebar font for HOURS, no take that back...for 2 weeks! Thank you so much! :) :) :)

    ReplyDelete