Space Between Lines

  • editornen

    (@editornen)


    13 years, 7 months ago

    I am using Twenty Eleven. I have a headline on a page. The page uses raw html.

    This is the only code that will make the headline big as I need it:

    <a href=""><p style="font-family: arial black; color: black; font-size:50px; text-align: center;"><strong>TESTING</strong></a>

    However, when my headline is long, which it often is, it goes to two lines and there is a big gap (space) between the lines.

    In other words, it looks like this (almost like two separate headlines):

    TESTING

    TESTING

    I want it to look like this:

    TESTING
    TESTING

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • WPyogi

    (@wpyogi)

    13 years, 7 months ago

    You’ll need to use CSS to change the spacing of that. But before changing anything in twentyeleven, you need to create a Child Theme — otherwise all your changes will be deleted when WP is updated. Even more important is that you must have a clean copy of twentyeleven to use for various troubleshooting purposes.

    Also include a link to your site for specific help with the CSS once you have a child theme set up.

    Thread Starter editornen

    (@editornen)

    13 years, 7 months ago

    I have a child theme. I have changed CSS many times before but I just can’t seem to identify what needs changing this time. Thanks.

    WPyogi

    (@wpyogi)

    13 years, 7 months ago

    Unless you can post a link to your site, it’s almost impossible to help specifically with things like this. Alternatively, use Firebug to work with the CSS — it will show you exactly what code is creating the space between the lines of text. If there is no margin or padding causing the space, it’s likely the line-height — see this:

    http://www.w3schools.com/cssref/pr_dim_line-height.asp

    Also, for headlines, you should may want to use h tags, not p tags.

    Thread Starter editornen

    (@editornen)

    13 years, 7 months ago

    Website is MA-NE.net.

    Notice the space between lines on…SEXTON HAD HEADS-UP, HEAD START.

    Thanks.

    Thread Starter editornen

    (@editornen)

    13 years, 7 months ago

    You solved it. Changing line-height from 1.625 to 1.225 did it. Thanks.

    /* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 12px "Courier", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.225;
    Thread Starter editornen

    (@editornen)

    13 years, 7 months ago

    Also, could you explain more about h tags versus p tags. I don’t understand. Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Space Between Lines’ is closed to new replies.