• I am using the Gutenberg editor in Theme 2020. In the Paragraph Block successive lines of test are spaced too widely for my liking, how can I change the spacing? I have also tried the Classic Block but the spacing is the same and I cannot see it there either.

    • This topic was modified 4 years, 2 months ago by Jan Dembowski.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please provide a link to a page on your site where we can see this. Thanks.

    Thread Starter 107balgrayhill

    (@107balgrayhill)

    Thanks for such a prompt response.
    Unfortunately as a real novice I have used WAMP to install WordPress on my home pc so that I can play with the software and get to know it building a site before I go “live” with a host, so you would not be able to access it using a link. I am at VERY early stages! However what I mean is that the text within the blocks looks as though it has a spacing of about 1.5 in Word terms and I’d prefer to see it as single spacing. Since posting I have realised I also do not see how to change the text size except by clicking in the drop down box under “paragraph” in the Classic block and even the smallest setting makes the lettering too big.
    If this is not clear is there any way I could insert a screenshot into this post conversation?

    You can read up about the CSS line-height property here: https://developer.mozilla.org/en-US/docs/Web/CSS/line-height

    You can also switch themes to one that is more to your liking, until you can figure out CSS. CSS changes are most easily done in the Customizer under Additional CSS.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    A screenshot isn’t going to help. I need to poke around using the browser’s inspector tool.

    You might take a look yourself and play with the line-height attributes.

    Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Thread Starter 107balgrayhill

    (@107balgrayhill)

    Thanks Joy and Steve for your replies and the useful links. If I have understood things correctly then I’m a bit disappointed in the Theme or perhaps it my be the Gutenberg system. Am I correct in saying that:
    1. The paragraph block does not have settings to allow several Word-type formatting features, specifically changing line spacing, font size, or font colour.
    2. The Classic block can change the font colour (of everything or even just a few words and that is particularly useful), it can change font size using the Paragraph drop-down menu but only for everything in a paragraph, and it cannot change the line spacing at all.

    I interpret what you both say as meaning that the only way to do these things is using CSS, is that correct? As an absolute beginner I was hoping I would not have to learn such coding.
    I have made one customising “Additional CSS” insertion using specific code I was given in an answer to a separate question in the Twenty-Twenty forum, but even if used your links I’d be nervous about making a lot of CSS additions – and certainly would not want to dig around in the complete coding for the Theme (even if I could discover where to find that coding!).
    Joy – I am using Chrome but will see if I can find the equivalent for it to the link you kindly gave.
    Steve – Thanks again for your link, I will study the Chrome Developer Tools (is that perhaps the equivalent of the link Joy gave for Mozilla?) and see if I can find the time and pluck up the courage to delve into CSS .
    However I fear I may end up living with whatever line spacing, colours and font sizes the combination of Gutenberg and Theme Twenty-Twenty forces on me.
    Thank you both again for taking the time to help.

    If I have understood things correctly then I’m a bit disappointed in the Theme or perhaps it my be the Gutenberg system.

    Welcome to web publishing! It’s best not to stress about how it looks exactly because with all the different devices and browsers that visitors use, they could all see it differently.

    Am I correct in saying that:
    1. The paragraph block does not have settings to allow several Word-type formatting features

    It currently does not, but enhancements are in the plugin and soon in core.

    Am I correct in saying that:
    2. The Classic block can change the font colour (of everything or even just a few words and that is particularly useful), it can change font size using the Paragraph drop-down menu but only for everything in a paragraph, and it cannot change the line spacing at all.

    The font color change is inline CSS. There is no font size change (what you refer to is actually changing the HTML tag used).

    Line spacing is CSS, handled by the theme.

    Joy – I am using Chrome but will see if I can find the equivalent for it to the link you kindly gave.

    The link was to a CSS reference, maintained by the Mozilla Foundation. It is not browser specific, except that it has the browser support charts for each property.

    You definitely shouldn’t have to learn CSS to have a web site. You should just pick a different theme that looks more like you prefer. Lots of themes have options in the Customizer for you to change the line spacing or margins or lots of other things. The bundled themes are kept simple purposely.

    Thread Starter 107balgrayhill

    (@107balgrayhill)

    Your comment “It’s best not to stress about how it looks exactly because with all the different devices and browsers that visitors use, they could all see it differently.” was particularly enlightening and encouraging!
    I will trawl through the Theme Directory which I’ve just discovered – looks as though I can filter by many of the features that I would want.
    Thanks again Joy for your helpful inputs

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to modify default spacing between text lines in blocks’ is closed to new replies.