Header hacks

[Shari Sullivan]

Hi Bill,

I can read/write CSS pretty well, but I’m stumped on a header problem. I’m getting a hefty bottom margin on the header and can’t for the life of me figure out how to tighten things up.
Site is in progress, but can be found here http://ruddelltreeservice.biz/baywood/

I can see I’m cropping the logo a bit too which should work if I just size it down, but I’m trying to get the logo to fill the vertical space above the slideshow.

While I’m at it, if you can tell me how to get the widget font below to size down, it’d be great. I thought I’d pegged it as an h2 tag, but could only alter color so clearly I had something wrong.

Thanks a ton!

[Bill Robbins]

Shari,

It looks like you’re off to a great start with your site. Let’s see if we can find some help for your questions.

You can move the slideshow up a bit. Here’s how:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   #logo {
   	margin-bottom: -25px ;
   }
   

3. Update your settings.

You can adjust the negative bottom margin to change the positioning. If you make it more negative, it will move the slideshow up; less negative and it will move down.

---

You can also adjust the size of your widget titles. Also in the Custom CSS box, just paste this:

h4.widget-title, 
h2.widget-title {
	font-size: 24px;
}

You can adjust the font-size in pixels there.

If you have any questions or trouble, just let me know.

Thanks again and enjoy your weekend,
Bill

[Shari Sullivan]

Thank you! Worked great.

[Bill Robbins]

Anytime Shari. Have a great week!

[Author]

Posts