• Resolved oceanbluesky

    (@oceanbluesky)


    Hi, I’ve tried changing line-height to adjust whitespace between paragraphs to no avail (spaces between lines of text change, but, the space between their paragraphs does not).

    Currently I am not using code to break text into paragraphs, just hitting return in the basic ‘text’ editing window for pages and posts…this carries over to the ‘visual’ display as a paragraph break, but, one for which the height is considerably more than if it were the same as the line-height. I’d like the white space between paragraphs to be roughly similar to the whitespace between lines of text themselves…

    thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • What’s your URL? You’ll most likely have to make a CSS change.

    View the source of your page or post or whatever it is an first determine if there are any break tags within your paragraph tags, or if there are any empty paragraph tags. If the code is formed properly, you can simply deal with the margins or padding that is assigned to your paragraph tags and that will help you adjust the spacing between paragraphs.

    Not sure which browser you use, but being able to inspect the element is very helpful to debug things. Here’s a peek at Safari’s version of this browser feature. You can see the CSS definitions in the right column. You would then locate the corresponding styles in your stylesheet and adjust it. You can see these paragraphs have a margin-bottom of 11px.

    https://cl.ly/image/3I0w2w2F471R

    Thread Starter oceanbluesky

    (@oceanbluesky)

    I had thought that the ‘text’ view while writing a post displayed all the code used to render a post, more or less like Blogger, but, I’m unable to see the <p> markup while composing posts which otherwise use <p> tags to render (as seen in the page’s source code)…

    how can I edit/remove these <p> tags while writing a post?

    or alternatively, how when writing a post, can I start a new paragraph with only one <p> tag rather than the two or three which WP seems to be using for a ‘paragraph’ break?

    thanks again

    Thread Starter oceanbluesky

    (@oceanbluesky)

    this was for the most part composed in the ‘text’ view…when published and viewed in a browser apparently WP has added many <p> tags, but, I’m unable to see or edit these tags in the default WP editor

    https://factualfiction.com/lighthouse/writetips/

    thanks

    Add to your CSS:

    .entry-content p, .entry-summary p, .comment-content p, .mu_register p {
        margin: 0 0 1.71429rem;
    }

    Adjust margin.

    Thread Starter oceanbluesky

    (@oceanbluesky)

    thanks, that does work to an extent, but how can I edit the <p> tags directly? In some areas several more <p> tags have been added by WP than those added for just a simple paragraph break, so it would be helpful to be able to remove the tags themselves, except…none of these tags are showing up

    thanks again

    View the page in edit mode and be sure you’re NOT in visual mode in the text editor so you can actually see the HTML tags. Just delete the tags you don’t want, but go slow so you don’t mess up.

    Thread Starter oceanbluesky

    (@oceanbluesky)

    ok…I’ve clicked “edit” at the bottom of the page…in the editor for that page that then appears appears, whether I click ‘visual’ or ‘text’ in the upper right corner of the editor the paragraph tags still do not appear

    the paragraphs were laid out in ‘text’ mode by just hitting return to create a space at the end of each paragraph…this seemed to carry over into the visual mode as paragraph breaks but no paragraph tags are visible except in the source code of the page

    is there a coding plugin or alternative way of viewing more code?

    thanks

    By default WordPress filters out out the br and p tags in the HTML (i.e. Text) panel of the Page/Post content editor.

    One way to change this so the tags appear in the HTML / Text view is to install the TinyMCE Advanced plugin (https://www.ads-software.com/plugins/tinymce-advanced/).

    Once it is installed it will let you customize the editor interface in a number of ways. Particularly, you can go to Settings > TinyMCE Advanced and turn on a checkbox to “Stop removing the <p> and tags when saving and show them in the HTML editor ”

    Thread Starter oceanbluesky

    (@oceanbluesky)

    thanks! perfect

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to reduce the "width" of spaces between paragraphs?’ is closed to new replies.