Archived topic
How to customise heading on homepage
20 replies · Started by Jonny on May 22, 2022
Hello,
I am trying to move the heading on my home page slightly higher than its current position on both mobile and desktop so the text is more readable against the background image.
Is it possible to upload a screenshot to show you what I mean?
Hi there,
Any chance you can link us to the page in question?
It's more useful than a screenshot.
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Absolutely, I have added the link to my home page of my site
Try reducing the top padding on the GB container:
https://www.screencast.com/t/lDFj62MvLJA
Great, thanks, that worked on desktop.
Is it possible to customize the heading only for mobile because the placement of the heading text on mobile is still not ideal.
I would like for the text to display perhaps smaller and in the sky of the image rather than overlapping the palm trees in the image.
many thanks in advance.
Have you considered adding a background color with a bit of opacity to the headings?
I believe that's the best solution.
It can be done easily if you use the headline block from GB instead of the heading block from WP core:
https://docs.generateblocks.com/article/headline-overview/
I have played around with this, yes, but I would prefer no background colour. Is there a way to achieve this on mobile?
You can set different font sizes for desktop, tablet and mobile if you use GB's headline block:
I changed the font size for the mobile view but now the font is displaying small on desktop. Am I not already using a headline block?
I figured it out, I realized I was using a heading block, not a headline block. Thanks for your help :)
No problem :)
Hi again,
It seems there are issues again with the heading text color and alignment on both desktop and mobile. I've cleared cache with WP Rocket and also cleared browser cache. I check the site on kproxy too.
Can you please notify me on your end what you see? Is the heading text black and aligned left?
Any chance you can link us to the page in question again?
The info was erased when the topic is marked as resolved.
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
YEs of course, please find it linked below
Hi Jonny,
On my end, the Headline Block is black and aligned left.
Desktop: https://share.getcloudapp.com/bLuBYLND
Mobile: https://share.getcloudapp.com/xQuw45kW
Is this how it should look like? If it is, can you try clearing the cache of your browser, or try using a different browser?
Otherwise, if it should look different from the screenshots I provided, kindly let us know. :)