WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] line break in pages (18 posts)

  1. tonedru
    Member
    Posted 2 years ago #

    How do i do a line break in a page.
    I tried
    like I would on a normal web page but it seems to just erase those when it saves. So is there a special way in wordpress to put a break in between lines on the pages?

    Thanks,
    ToneDru

  2. If you just do a carriage return, this should create a new paragraph. If no paragraphs are created, it could be because of your theme. You don't need to add a break tag, but just hit enter. WordPress will add paragraph tags automatically.

    If that doesn't work, can you provide a link to your site, so that we can look at your site.

  3. onlyaspark
    Member
    Posted 2 years ago #

    I have a similar problem. I'm using my WP on the index page of my site... in it's container. And have actually (after TOO many months of trying to figure it out) gotten the feed into it. The food is there. Plus the title. But I have ZERO clue as to how style the paragraphs. And make sure each subsequent after that, that I post is the same. So I need a line break after each entry... Spaces between the title and entry as well. And the addition of the date/time and author. I'm a designer. And coding is one of those things that I wrack my brain figuring it out. Lol. Sorry so much. Thanks for any help anyone could provide!

    -Brett

    http://www.onlyaspark.com

  4. tonedru
    Member
    Posted 2 years ago #

    this is the page that I'm trying to put a few breaks in...
    It's strange, because it'll work for a little bit, but then when I make any other edits it reverts back to scrunching all the lines back together again :(

    http://events-sugarhouse.com/receptions/

  5. esmi
    Forum Moderator
    Posted 2 years ago #

    @tonedru: I can't see anything wrong with that page.

    @onlyaspark: It is considered impolite to interrupt another poster's thread. Please post a new topic.

  6. tonedru
    Member
    Posted 2 years ago #

    It's all readable, but I want a few line breaks between each paragraph.
    For example, where it says "Reception Packages starting at $65 per person." I want that paragraph to start around the middle of the picture, and the next paragraph where it says "Intimate Receptions & Gatherings" I want to start after the picture of the bride, just a few lines down from the previous paragraph. Basically I want a few lines breaks in between the three paragraphs to make it spaced out nicely.

    I can achieve that effect for a while by putting   a few times in the html coding, but it only lasts until the next time I publish the page, then it all goes away again. Very frustrating!

    Thanks!
    ToneDru

  7. tonedru
    Member
    Posted 2 years ago #

    I just got it to work by putting
     
     
     

    between each paragraph, so it works for the moment, but I know that next time I go to edit that page, that'll all go away. Which doesn't make any sense to me...

    http://events-sugarhouse.com/receptions/

  8. esmi
    Forum Moderator
    Posted 2 years ago #

    No, what I meant was - I see quite clear line breaks.

    where it says "Reception Packages starting at $65 per person." I want that paragraph to start around the middle of the picture

    It does for me.

  9. tonedru
    Member
    Posted 2 years ago #

    Sorry, that shows up as nothing, this is the coding that I put in.

     
     
     
  10. tonedru
    Member
    Posted 2 years ago #

    What I'm saying is that it works right now, but it will revert back to being scrunched together after i edit it next time.

  11. esmi
    Forum Moderator
    Posted 2 years ago #

    You'd be better off adding a new class to each of these lines and then styling that class to add large upper & lower margins.

  12. tonedru
    Member
    Posted 2 years ago #

    How would I do that?

    I also saw on another post that you can add a 'spacer' using this code in the css:

    #your_area_id .spacer {
    height: 200px; /* adjust to desired height */
    clear: both;
    }

    but I haven't been able to get it to work...

  13. esmi
    Forum Moderator
    Posted 2 years ago #

    No - don't use spacers. Something like:

    <span class="spaced">Some Text</span>

    and

    .spaced {
    display:block;
    margin:30px 0;
    }

    should work.

  14. tonedru
    Member
    Posted 2 years ago #

    Ok, I can give it a try, how and where exactly do I use this coding? I just put in the

    .spaced {
    display:block;
    margin:30px 0;
    }

    where i want the break and it totally messed up the page.

  15. esmi
    Forum Moderator
    Posted 2 years ago #

    That's the CSS! It belongs in your theme's stylesheet! The first code snippet is a markup example for your page content.

  16. tonedru
    Member
    Posted 2 years ago #

    ok, works great!
    Thanks again :)

  17. esmi
    Forum Moderator
    Posted 2 years ago #

    Excellent :-)

  18. AstroGremlin
    Member
    Posted 2 years ago #

    When I first started using WordPress, was shocked to learn that for entering a paragraph or line break, the ENTER key is ignored. You can manually add a break, with a "br" command but WordPress will filter it out later. Frustrating! I found a solution that doesn't require coding. At the risk of being accused of spamming the site, I posted how to do it at How To Add a Paragraph Break in WordPress
    My original source is Enabling Line Break in WordPress | Rubayat Hasan

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.