-
cocostar
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 -
cocostar
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
-
Alvind
Hi there,
Make sure you switch to mobile view in the editor so that the changes are applied only to the mobile breakpoint.
-
cocostar
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. -
Alvind
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.
-
cocostar
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).
-
Alvind
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.
- You must be logged in to reply to this topic.