Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Image that breaks with the margin of the text?

  • [email protected]
    June 6, 2024 at 4:09 am

    Hi is it possible with an image that breaks with the margin of the text on computer to the right, but then stacks in the center when on mobile?

    See private info.

    Thanks.

  • David
    June 6, 2024 at 5:30 am

    Hi there,

    1. add a GB Image Block between the 2 paragraphs of text where it needs to be positioned on mobile.
    2. in the blocks tool bar set the alignment to Float Rights.
    3. in the blocks settings set:
    Width to 400px for example
    Spacing > Margin Right to -100px for example
    4. switch to tablet view and set:
    Width to 100%
    Spacing Margin > Right to unset

  • [email protected]
    February 12, 2025 at 3:39 am

    Hi. Thanks for this. Tried to follow the instructions, but while the image achieves what I want, it messes with the responsiveness of the text around it (see screenshot). Any fix for that?

  • Ying
    February 12, 2025 at 9:09 am

    set the root container of this section to display:flex.

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