WordPress.org

Ready to get started?Download WordPress

Forums

Almost Fixed!! How Can I Stop The Extra Line? (21 posts)

  1. Lautermilch
    Member
    Posted 5 years ago #

    I downloaded a new WYSIWYG editor and now I can control fonts.
    But after an hour of working on this and trying different methods I still cannot get rid of the extra line break in this section

    http://www.swindledforjesus.com/?page_id=114

    So how I make it look like a normal page? I'll add the extra blank line by hitting the 'ENTER' key. I don't want it done for me.

  2. Lautermilch
    Member
    Posted 5 years ago #

    Anyone answer or is this not possible in WP?

  3. DianeV
    Member
    Posted 5 years ago #

    That's a long post. Which extra line break are you referring to?

  4. Lautermilch
    Member
    Posted 5 years ago #

    Every one. If I write
    "But I don't want to go to boarding school."
    "But you have to!"

    I get

    "But I don't want to go to boarding school."

    "But you have to!"

    no matter what I do.

  5. DianeV
    Member
    Posted 5 years ago #

    Ah. When you use the Enter key, WP assumes you want to enter a <p> tag, which gives the double line space between paragraphs. That's the normal way that HTML displays <p> tags (actually, the normal way that browsers display HTML <p> tags).

    If you want to change it, edit your style.css -- but you may be surprised by what else changes.

    Either that, or try holding down the Shift key when you press Enter.

  6. Lautermilch
    Member
    Posted 5 years ago #

    I tried the shift key while hitting enter and it did work but as I worked my way down the text it would drag down and insert a blank line a few paragraphs above.

    As for the style.css, I know how to edit that but I would not know what change to make.

  7. I would recommend not using the WYSIWYG editor, and wrapping your paragraphs with your own custom classed paragraph tags.

    Or you could also insert a <br /> rather than start a new paragraph, that might also be a more exact way of presenting your content?

    Given what the WYSIWYG editor does, I'm surprised it doesn't have an "insert line break" button. Hmm...

  8. Lautermilch
    Member
    Posted 5 years ago #

    OK, this is really getting me to reconsider my switch to WordPress. It does so many things but simply typing text like on a word prcoessor seems to be a huge undertaking.

    Is there a theme I can buy that will do this? do I have to hire someone to fix this? I have the credit card ready for whatever it takes to get this resolved.

  9. iridiax
    Member
    Posted 5 years ago #

    OK, this is really getting me to reconsider my switch to WordPress. It does so many things but simply typing text like on a word prcoessor seems to be a huge undertaking.

    And using a word processor is not like using a typewriter... Formatting web text is just not the same as formatting text with an offline word processor. If you want more or less space between paragraphs or line breaks, either edit theme's css or choose a better-spaced new theme. When writing posts with WordPress, two enters give you a new paragraph and one enter gives you a line break. I never bother with adding my own paragraph or line break tags.

    The css you need to adjust is the margin or padding of p and/or line-height.

  10. Lautermilch
    Member
    Posted 5 years ago #

    Here is my style.css taken from the theme editor.
    I don't see P section. Can one be added?

    Large amount of CSS removed. We can see the CSS on your website, you don't need to post it. - moderator

  11. Lautermilch
    Member
    Posted 5 years ago #

    Can a new p section be added to fix this? If so, what should it contain?

  12. nocookie
    Member
    Posted 5 years ago #

    better way to use BR tag instead of <p> if you what it work your way.
    anyway - we'll try to help you with new style for <p> tag tomorrow.
    i'll email you.
    thx

  13. Samuel Wood (Otto)
    Tech Ninja
    Posted 5 years ago #

    I see this on your page's CSS:

    p{
    margin-bottom:0px;
    }

    If you don't want any separation between your paragraphs (wall-of-text), then make the margin-top equal to zero too.

    And it would be best to make that into #content p instead of just p. That way, you're targeting just the specific content sections instead of all P's on the whole page.

  14. Lautermilch
    Member
    Posted 5 years ago #

    Thanks, Nocookie, I uploaded the new CSS file and the single line spacing is working great.
    http://www.swindledforjesus.com/?page_id=114

    Two remaining issues

    1. How can I do a tab character. I've goggled it and from what I am reading it is inserting code. I tried the indent function but that moved the whole paragraph.

    2. How can I get a blank line when I need one between sections?

  15. iridiax
    Member
    Posted 5 years ago #

    1. How can I do a tab character.

    Tabs are not used for web text. New paragraphs are indicated by the space between the paragraphs.

    2. How can I get a blank line when I need one between sections?

    By having a top or bottom margin or padding for paragraphs (p).

  16. Samuel Wood (Otto)
    Tech Ninja
    Posted 5 years ago #

    If you're pushing paragraphs together like that, then indention can still be useful.

    p {
    text-indent: 1.5em;
    }
  17. Lautermilch
    Member
    Posted 5 years ago #

    So how is this text done?

    "Dean, mop your room floor?" demaned the cross dorm parent.
    "Why should I have to do that? I pay to come to this school!"

    I need no lines between paragraphs and tabs.

  18. iridiax
    Member
    Posted 5 years ago #

    So how is this text done?

    "Dean, mop your room floor?" demaned the cross dorm parent.
    "Why should I have to do that? I pay to come to this school!"

    I need no lines between paragraphs and tabs.

    Just as with this forum's text, a single enter (return) after "cross dorm parent." should give you this result (a new line, not a new paragraph). Two enters (return return) after "to this school!"" will give you a new paragraph. New lines should not have extra added space around them.

  19. iridiax
    Member
    Posted 5 years ago #

    Here's what your text here gets automatically transformed to look like in code form (WordPress does this automatically too):

    <p>So how is this text done?</p>
    <p>"Dean, mop your room floor?" demaned the cross dorm parent.<br />
    "Why should I have to do that? I pay to come to this school!"</p>
    <p> I need no lines between paragraphs and tabs.</p>
  20. iridiax
    Member
    Posted 5 years ago #

    I forgot to mention that <br /> is a line break.

  21. Just as with this forum's text, a single enter (return) after "cross dorm parent." should give you this result (a new line, not a new paragraph). Two enters (return return) after "to this school!"" will give you a new paragraph. New lines should not have extra added space around them.

    I think that isn't exactly true. I can say also that my visual editor is acting a little silly since 2.6.2. Adding paragraphs and line breaks in strange places but only after the post is saved or published. It will not edit them real time if you switch views between visual or html, but it does insert a paragraph tag for me after only pressing enter once.

    The proper way to do this would be using SHIFT + ENTER to only go down one line, at which point the visual editor should insert a BR.

    I hope that makes sense and helps a little? I find that it does help to have a basic knowledge of HTML for situations like this, when the visual editor doesn't play 100% nice.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.