Header Issues When Changing Font to Verdana

  • Resolved chaddahlberg

    (@chaddahlberg)


    14 years, 7 months ago

    Whenever I change my font to Verdana (which is what I prefer), my header title/slogan runs into the links. If I change it back to Arial, everything is fine again. I currently have Verdana set so you can see what it looks like – dahlbergmotors.com . In the style.css, I added Verdana to the font-family under body, like this:

    body {
    font-family: Verdana, Arial, Helvetica, Verdana, Sans-serif;
    font-size: 10pt;
    }

    What else am I missing that is causing my header to look like this? I’m using the small-business-seo theme. Thanks for any help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    14 years, 7 months ago

    Try editing style.css and changing:

    #blog-title {
font-size:2em;
}

    to:

    #blog-title {
float:left;
font-size:2em;
}
#blog-description {
text-align:right;
margin-top:15px;
}
    Moderator cubecolour

    (@numeeja)

    14 years, 7 months ago

    Verdana is a wider font at that weight, so it overlaps the site description. I’d make room vertically in the header by adding height so it doesn’t bunch up

    #header-2 {
	background: #96B1D0 url(images/header-bg.jpg) repeat-x bottom;
	height: 80px;
	color: #fff;
	overflow: hidden;
}

    Thread Starter chaddahlberg

    (@chaddahlberg)

    14 years, 7 months ago

    Thank you both. I have tried both of these and they both work. I’ll ask the business which way they want. You’re great!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header Issues When Changing Font to Verdana’ is closed to new replies.