default theme text in header displays incorrectly

  • healingcoach

    (@healingcoach)


    16 years ago

    Hello,

    I’m a newbie with WordPress, an advanced dabbler with HTML, but am an inexperienced dabbler with CSS. I am using the default theme, and I would be very appreciative if someone can tell me what I need to change to make my header text display correctly – here’s the url for my blog: https://www.chronicillnesscoach.com/blog . As you can see, the text is wider than the header.

    Is there a way to put a carriage return into the blog title? Even if there is, that shouldn’t be necessary. But I don’t know what needs to be done to make the text fit.

    Thank you!

    Tom Robinson

Viewing 4 replies - 1 through 4 (of 4 total)
  • whooami

    (@whooami)

    in the theme’s style.css, edit this:

    h1 {
	font-size: 4em;
	text-align: center;
	}

    specifically, the font-size.

    try font-size: 3em; or font-size: 3.5em;

    Thread Starter healingcoach

    (@healingcoach)

    Thanks, Whoo…

    Font-size 3em works. My preference would be to use the font-size 4em and reduce the width of the text area so that the lf/cr gets inserted one word earlier (between “When” and “You”) than it currently does. Can anyone tell me how to do that?

    Thanks,

    Tom

    whooami

    (@whooami)

    you cant apply width ‘rules’ to <h1> tags, so what yiou are asking can’t be done that simple. The more amenable <div> that that is sitting inside does have a defined width, but its a consequence of the header image.

    were it me, I would just use some PHP magic to put that on 2 lines; thats just me though.

    whooami

    (@whooami)

    I spose you could also wrap that in another div, and shorten that div.. that might work.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘default theme text in header displays incorrectly’ is closed to new replies.