WordPress.org

Ready to get started?Download WordPress

Forums

Increase Paragraph Line spacing (9 posts)

  1. aaisling
    Member
    Posted 2 years ago #

    Hi,
    I am using the template Vena. I would like to be able the paragraph line spacing. Would anyone be able to help?
    Thanks :)

  2. peredur
    Member
    Posted 2 years ago #

    A link to your site would help, so that we can see what you mean and look at the HTML/CSS.

    However, in general the easiest thing to do is check out the element in Firebug to find out what style rule is determining the style you are interested in. Once you know that, you can make the necessary alteration(s) to your style sheet: hopefully in a child theme if it's at all possible.

    Cheers

    PAE

  3. aaisling
    Member
    Posted 2 years ago #

    Hi,
    This is a link to the site I am creating.

    http://www.0324221.mainproject.student.cdi.ul.ie/

    Thank you.

  4. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    Try adding:

    .entry p {
        line-height:1.5em
    }

    to the bottom of style.css.

  5. aaisling
    Member
    Posted 2 years ago #

    Easy when you know how :)

    Thanks for your help!

  6. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    No problem :-)

  7. peredur
    Member
    Posted 2 years ago #

    You also seem to have a problem with your search box. In FF, at least, it obscures a part of the main navigation menu.

    Cheers

    PAE

  8. 1982mbott
    Member
    Posted 2 years ago #

    I also had/have much trouble with spacing. I have read several coding ways as a fix. The only ones that worked for me was <p></p> (One line), <p> </p>(two lines). I finally started to think differently about the problem, and decided to write my paragraphs and such into the html side, not using the visual side, but for a couple media pics. Which does work perfectly, even into facebook notes, my real objective. So I guess use wordpress as the opposite, html as writing, and then visual rarely at the end (media does just write a bunch of code).

  9. 1982mbott
    Member
    Posted 2 years ago #

    I searched for days and my above answer really fell short of what I have found. HTML tab is pretty correct, though.

    Example of WordPress Correct with space and facebook notes.
    PERFECT! :) (CSS + HTML), Hey it works, whatever.

    The real answer is "<span><span/>" with "nbsp"

    <span> <!---connects with no space "title text", line break, name date---->
    title text
    </span>by John Doe October 9, 2011 at 2:39pm

     
    nbsp  <!---Spacers--->
    nbsp (http://wordpress.org/support/topic/how-do-you-shorten-page?replies=2)(explains nbsp)

    for a picture
    <span> (span on top of pic)
    <img src=".jpg?w=300" alt="" title="wordpress To Facebook" width="300" height="168" class="alignnone size-medium wp-image-299" />
    Title text
    </span>by name date, (John Doe)on Sunday, October 9, 2011 at 2:39pm
     
    (It's great facebook notes are exactly the same as the blog post)

Topic Closed

This topic has been closed to new replies.

About this Topic