-
Hello,
I’m currently using the Explore site template and I’m running into a limitation with the hero section on the homepage.
The hero headline and subheadline appear to be locked to a fixed position at the top of the hero, and there doesn’t seem to be an option to:
• adjust the vertical position of the text
• add a semi-transparent background/overlay behind the text only
• or move the text container independently from the image
As a result, the hero image must be manually edited so that the subject (person) is pushed lower in the frame to avoid visual overlap with the text.
My questions:
1. Is the hero text position intentionally fixed in the Explore template?
2. Is there a recommended way (within the template or GeneratePress settings) to:
o reposition the hero text vertically, or
o add a configurable overlay behind the text area only?
3. Or is the intended workflow to always adapt the image itself to the fixed text position?
I just want to confirm whether this is a design constraint of the template or if I’m missing a setting.
Thanks in advance for your clarification.
Best regards,
Jan -
Hi Jan.
The headline a subheadline on the homepage hero of the Explore starter site are inside a container with some padding values that make them appear where they are.
It would be best if you were to share a URL with your custom setup so we could troubleshoot further.
-
Thanks George,
Here is my link:
Thanks again
Jan -
Hi Jan.
Try removing the paddings from the container and add padding values to the outer parent container. Then, set the child container (the one you removed the padding values from) to DISPLAY
FlexwithColumnas FLEX DIRECTION.
You could set a fixed height for the outer container and you could control positioning of the inner container (that contains the text) with the Justify Content values of the outer container.
For the text overlay, select the container that contains the text, add some padding and finally add an
Overlaybackground adjusting the overlay color and opacity values to taste.
You might also need to set the
margin-bottomvalue for the headline subtext to0since paragraph margins are inherited from the theme (Customizer settings) automatically.Hope that helps!
-
Hello George,
Thanks for the tips. I’ve been able to use a few of them. I’m still having a few issues:
– There’s a wave illustration in the subheading that I can’t remove.
– The gray bar under the letters of the main heading and subheading are a bit too long.
– It’s different in edit mode than in live mode. That makes quite a difference.
– How do you get the visuals so nice in the comments section?
I’d love to hear from you,
Jan
https://tradesdetective.com/wp-admin/post.php?post=1996&action=edit
<img src=”Thanks for the tips. I’ve been able to use a few of them. I’m still having a few issues:
– There’s a wave illustration in the subheading that I can’t remove.
– The gray bar under the letters of the main heading and subheading are a bit too long.
– It’s different in edit mode than in live mode. That makes quite a difference.
– How do you get the visuals so nice in the comments section?
I’d love to hear from you,
Jan
https://tradesdetective.com/wp-admin/post.php?post=1996&action=edit” alt=”Hero” /> -
– There’s a wave illustration in the subheading that I can’t remove.
This is a paragraph with an icon. Select it, the opn the icon library from the right and click the Clear text in the modal that appears.
– The gray bar under the letters of the main heading and subheading are a bit too long.
Select this container and adjust the MAX WIDTH value.
– It’s different in edit mode than in live mode. That makes quite a difference.
What exactly is different in edit mode compared to live mode?
– How do you get the visuals so nice in the comments section?
I am not sure to what exactly you are referring to. Can you send a screenshot?
-
George,
I am not sure to what exactly you are referring to. Can you send a screenshot?
That’s the point: how do you get the screenshots so clear in these posts? Then I can show it better. Dragging and dropping in the post section isn’t working.
I suddenly have two visuals on the main page of the live mode. He copied them. I have no idea how this suddenly happened. Compared to the live mode, the texts, including the gray bar, are completely different.
Can you see the real live mode and the edit mode?
Jan -
Ok, I suspect we are still talking a out the homepage.
Could you please provide site credentials so we could have a look for you? Please use the private section of your reply to post them. You can also install the Temporary Login Without Password plugin and send us a login link without using a password. Again, please, use the private area of your reply to send those details.
-
hello George,
I sent you the temporary logbook via the private section this afternoon.
Did you receive everything?
Regards,
Jan -
Hi Jan, no, I haven’t, please follow these instructions.
-
Hello George,
I sent you the temporary logbook via the private section now again.Jan
-
I don’t see it Jan. Do you see it yourself at the right side of this thread?
-
Ok, I can see it now, I will have a look. Please never post it inside your reply, always use the private section.
-
Ok, Jan, here what’s going on. You have uploaded a featured image on this page and it shows at the top.
If you need the featured image uploaded, you need to disable it from appearing on the page.
You also don’t need this background image on this container:
-
Hi George,
Fortunately, that duplicate on the front page is now gone.
The edit page and the home page are still different.
How do I get the text to fit properly in the gray blocks on the home page?
And how can I remove the four blocks at the bottom without everything collapsing at the bottom? So not only do I hide it, but the rest at the bottom also remains.Greetings
Jan -
Ok Jan.
The container has a lot of design mistakes. I am not sure how I can show you, there are a lot of things that need to be fixed. Am I allowed to clone the homepage into a new Home-2 draft page, so we can work on the section there instead? I can work on it and show you how it needs to be done, then we can copy the section to the original homepage.
Let me know.
- You must be logged in to reply to this topic.