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.

reduce Page Hero – Single Post

  • hello i want to reduce this on mobile, do you know how? : https://www.txy.fr/wp-content/uploads/2025/07/39a866fe-335c-4cf6-b74d-3b6976756779.jpg

    it’s affinity design

  • Hi there,
    Go to appearance > elements, edit the element called Content Template – Single Post, select the 1st root container, and reduce its top and bottom paddings.
    https://app.screencast.com/FXhW2EIcZx4q7

  • Hello, i dont think it’s the right elements?
    I think is “Page Hero – Single Post”, could you check on my website?

    https://www.txy.fr/wp-content/uploads/2025/07/reduce-space.jpg

    also when i reduce the space to 0, the problem is the article text go up into the grey “header”, the text should stay on the white side.

    On the screenshot, you can see the two black lines, it’s what i want to reduce on computer and mobile, because this grey square with the title and date its to big on mobile phone as i show on the first picture

    https://www.txy.fr/wp-content/uploads/2025/07/39a866fe-335c-4cf6-b74d-3b6976756779.jpg

  • Hi there,

    Make sure you switch to mobile view in the editor so that the changes are applied only to the mobile breakpoint.

  • You didnt answer about the right element

    And i need a specific answer for this :
    also when i reduce the space to 0, the problem is the article text go up into the grey “header”, the text should stay on the white side.

  • also when i reduce the space to 0, the problem is the article text go up into the grey “header”, the text should stay on the white side.

    The container for that content area has its margin-top set to -16rem. To fix the issue, remove that value. See here: https://cln.sh/BXYmwg4F

    I can’t log in to your site to identify which container needs to be edited, as both /wp-admin and /wp-login URLs are currently inaccessible.

  • I updated the private information

    Alvind, you always miss all lot of my questions (now and before)..

    What about the black line and showed on the previous screen, what about the element, witch one is the right one?

    You just answer about how to put down the text i guess not the header (grey).

  • There are two elements you need to edit: Page Hero – Single Post and Content Template – Single Post.

    1. Edit the Page Hero – Single Post element:
    • Select the parent container and set both Padding Top and Padding Bottom to 3rem.
    • Switch to mobile view and apply the same padding values.
    • Then, select the inner container and set the Margin Bottom to 0.

    2. Edit the Content Template – Single Post element:
    • Select the parent container and remove the -16rem Margin Top value.

    Hope that answers all the issues.

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