Formatting off / looks different when published

  • Resolved jess2716

    (@jess2716)


    1 year, 11 months ago

    This is actually an issue happening on many of my articles. I like to create yellow boxes to highlight affiliate links to tours and hotels; however, despite it showing as being on two separate lines in the editor screen, it shows up on the same line once published.

    You can search “Paris hotels” to quickly pull up one of the boxes. See how it’s awkwardly formatted?

    I want to to look like the following on 2 separate lines:

    Paris Hotels: Click here to view top-rated hotels in Paris. Paris Tours: Click here to view top-rated tours in Paris.

    Any idea why this is happening and how I can fix it? Thank you!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi there @jess2716 – Normally you would add a line break within the same Paragraph block by clicking shift-return (or shift-enter) on your keyboard. That should get you the text on two different lines.

    I tested this in Twenty Twenty-Three and the result looks as I’d expect:

    Let me know how it goes!

    Thread Starter jess2716

    (@jess2716)

    @zoonini Thanks for this! The problem is it also breaks up the yellow box into two yellow boxes.

    Example here (search for “Auckland hotels” to get to the yellow box): https://jessieonajourney.com/solo-travel-in-new-zealand/

    I was hoping to have one yellow box with all of the information. Is there another way to create this maybe?

    Moderator Kathryn Presner

    (@zoonini)

    Hi @jess2716 –

    The problem is it also breaks up the yellow box into two yellow boxes.

    Hmm, it shouldn’t be creating separate paragraph blocks if you’re adding a line break with shift-enter/return. Only a hard return (without “shift”) should give you a paragraph break.

    Just to be sure, are you adding the line break (shift-return) in the block (visual) editor, not on the HTML/code side? Are you using the built-in WordPress block editor, or another page builder?

    You could always group your paragraphs and then add the background colour on the Group block instead of the Paragraph block; that would give you a continuous coloured background behind several paragraphs.

    Thread Starter jess2716

    (@jess2716)

    Got it – thank you so much. The shift/enter worked! ??

    Thread Starter jess2716

    (@jess2716)

    I’ll close this ticket now – appreciate your help! ??

    Moderator Kathryn Presner

    (@zoonini)

    Great! Glad this is resolved now. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Formatting off / looks different when published’ is closed to new replies.

Tags