Support » Fixing WordPress » Paragraph between Pictures

  • mguitar0306

    (@mguitar0306)


    I make a diary from my kids for the grandparents. Most of the time I load up pictures and then I write between the pictures. In the past it was very easy, then it became more and more difficult with blocks. I hate the blocks from the beginning. But okay I handled with it.
    I write something and then the picture below shows what I mean. Then again text and after it the picture according to the text above.

    But now my whole blog is a Desaster because the text between the pictures is always located on the top – next to the picture above. I don’t want it.
    How to get the textblocks back equaly between the pics?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Linards

    (@linardsn)

    There are a few different ways to achieve the desired layout of having text blocks evenly between the images. Here’s how you can do it:

    Method 1: Using the default block editor

    1. Add an “Image” block for the first image.
    2. Press “Enter” to create a new block below the image.
    3. Add a “Paragraph” block and write your text.
    4. Press “Enter” again to create a new block below the text.
    5. Add another “Image” block for the second image.
    6. Repeat steps 3-5 for the rest of your content.

    By using separate blocks for each image and text section, you can ensure the text is properly positioned between the images.

    Method 2: Using the “Media & Text” block

    1. Add a “Media & Text” block.
    2. Upload or select an image for the “Media” part of the block.
    3. Write your text in the “Text” part of the block.
    4. Press “Enter” to create a new block below the “Media & Text” block.
    5. Add another “Media & Text” block and repeat steps 2-3 for the rest of your content.

    Using the “Media & Text” block allows you to create a side-by-side layout with the text next to the image. However, you might need to adjust the block’s settings to ensure the text is positioned as desired.

    Method 3: Use a page builder plugin (like Elementor)

    If you’re still not satisfied with the default block editor, you can try using a page builder plugin like Elementor to create more advanced layouts with ease. Elementor provides a drag-and-drop interface that allows you to place text and images exactly where you want them.

    1. Install and activate the Elementor plugin.
    2. Edit your post or page using Elementor.
    3. Drag and drop the “Image” widget for the first image.
    4. Drag and drop the “Text Editor” widget below the image and write your text.
    5. Repeat steps 3-4 for the rest of your content.
    6. Click “Update” to save your changes.

    Regardless of the method you choose, you should be able to achieve the desired layout of having text blocks evenly between the images in your diary entries.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Forum Moderator

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

    Thread Starter mguitar0306

    (@mguitar0306)

    Thank you Linards for your quick and long answer, but… I’m not searching for something in the future, I am angry, because all of my 505 articles are now ‘damaged’.

    @steven: the page is secret for the web, because my kids are in there, but I think I can tell you the link here: http://elmstreet.de

    Before my last blog article the text blocks had always been in the middle between two pictures – same space to the picture above and below. Now the text is more to the pic above, but – like I said – my text is always explaining what the picture below shows. It is not the world, but I do not understand why they changed it for everyone and every article without the possibility to change it back.

    Linards

    (@linardsn)

    I understand your frustration, and I’d like to suggest a few potential solutions to help you fix the issue:

    1. Inspect theme or plugin updates: If you recently updated your WordPress theme or installed/updated a plugin, it might have caused this change in layout. If you can identify the update that caused the issue, you can try rolling back to a previous version or contact the theme/plugin developer for assistance.
    2. CSS fix: You can try adding custom CSS to adjust the spacing between the text and the images. To do this, go to your WordPress dashboard, navigate to “Appearance” > “Customize” > “Additional CSS” and add the following code:
    /* Adjust the spacing between paragraph and image blocks */
    .wp-block-image + .wp-block-paragraph {
        margin-top: 2em; /* Increase or decrease this value as needed */
    }
    

    Click “Publish” to save the changes and check if the layout is fixed. Adjust the 2em value as needed to create the desired spacing.

    1. Bulk editing: If the issue persists, you may need to edit each post individually to adjust the layout using the block editor, as described in the previous response. This can be time-consuming, but it will ensure that your content looks the way you want.
    2. Backup restoration: If you have a backup of your website from before the layout changed, you can restore your website to that version. This will revert any changes that caused the issue. Keep in mind that any updates or new content added after the backup was created will be lost.

    Please let me know if any of these solutions work for you or if you need further assistance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.