-
Hello team,
I’m creating a new website for using the Events template.
On the home page, I keeped the banner from the Blog Page Hero element, but instead of displaying the usual 3 articles, I want to show 3 different photographs and 3 different titles, each linking to separate pages.I changed one photograph, but the problem is that the same photo is now applied to the entire grid, as you can see on the home page I set up.
I have been trying to fix this for hours but cannot figure out how to assign a different photo and a different title to each of the 3 sections.
I would really appreciate your help on this.
Thank you,
Manuel -
I put back the original template
-
Hello.
In the Loop Item container that has the background image, ensure the dynamic background is set to “Featured image” with the source as “Current post” (not a specific post or the page itself)
Let us know!
-
Thanks George, your information helped me a lot.
So now I have the right image and the right publication.
I just still have two problems.
It’s going to keep the Featured Image, but the featured image is very small. So when it displays on the home page, the quality is not really good.
Is it possible to put a custom image on each container?
I also lost the image effect that was a kind of transition. I have something like all 3.5s ease 0s but it’s not working anymore.
Thanks again for your time,
Manuel -
Hello,
You would need to enter the custom image as a custom field for this to work. I think a better solution would just be to upload larger featured images. Would that be possible? You could always display a smaller image for the single post.
Can you tell me how you have set up the transition?
-
George, thank you so much again for your help.
With your idea, I found the solution.I added a larger featured image but deactivated it on the page, and I added a container with the small image on the page. So the banner on the home page now shows the right image in good quality.
The last problem is the effect — I don’t understand it. So I’m attaching a screenshot.
Thanks,
Manuel -
Was was the effect doing? Scaling the image on hover? You would need to adjust the hover selector.
-
Oh, sorry about that. I don’t understand, because I sent you exactly the screenshot of another website using the same Events template. Have a look at the new links I’m sending you.
Let me try to explain: when you hover over the photo, it gets darker, as if a black filter is applied on top of it.
Does that make sense?
Thank you,
Manuel -
Hello.
Please, follow these steps:
1. Remove the background image from the container that wraps the heading and put it in the loop item container instead.
2. Select the container that wraps the heading and set z-index to
1.3. Select the loop item container and set the POSITION to
Relativeand the OVERFLOW-X toHidden.4. Select the loop item container and create a new
&:beforeselector.
5. With this selector, set width and height to
100%. Set a dark background with zero transparency, eg:rgba(0, 0, 0, 0). Set POSITION toAbsoluteand INSET Top and Left values to0. Set your transition effect there! In the CONTENT setting, enter"".6. With the loop item selected, create another
&:hover::beforeselector.
7. Set the same color background you set earlier but with a higher transparent value, eg:
rgba(0, 0, 0, 0.4). -
Georges, sorry for the delay in getting back to you. My father just passed away (please don’t give me condolences — he was not a good person).
Georges, I’m 70 years old, I know a lot about websites and I manage around 23 of them using and thanks to GeneratePress.
I don’t ask many questions to the support team because it’s generally easy.But what you mentioned in your last message — I don’t know how to do that!
So, would it be possible for me to give you WordPress access and have you do it? I think it would be really straightforward for you.
I would be happy to pay you for that.
I just don’t feel like doing it on my own.Manuel
-
Hi Manuel.
Ok, please provide credentials in the private section of your message. I will quickly set it up for you. 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.
-
Thank you so much Georges, you are so nice!
You have all my trust.
I join you all the access.
Thanks,
Manuel -
Hi Manuel.
I made the changes for you. The dynamic tag for the term will not work in your case because you are querying pages.
Does that look ok?
- You must be logged in to reply to this topic.