- This topic has 9 replies, 2 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
I have two containers. The footer and another block/container above it, each with different color backgrounds.
I’d like to add a logo that lies on top of where the two blocks meet, so 50% of the logo is shows on the top container and the bottom 50% are on the bottom, footer container.
Is there a way to do this?
Customer Support
Hi there,
Any chance you can link us to the page in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-informationLet me know 🙂
Sure, please look at the footer at the link provided. YOu will see how the logo overlaps with two blocks.
Can you link me to your site in question so I can see your setup and provide the best method possible?
I haven’t event attempted it yet, because I don’t know how to.
But here is my staging site: https://wordpress-688581-2273186.cloudwaysapps.com/guides/
Are you trying to add the logo here?
https://www.screencast.com/t/7DqbHoaOXws4Yes, precisely there.
Follow the steps here:
1. Edit the Footer element:
https://www.screencast.com/t/vZsJPlm72. Add an image block before the Grid and set it to align center:
https://www.screencast.com/t/Dh6szkXiE3. Add a negative margin-top to the image block:
https://www.screencast.com/t/DM6uG2sHPlease modify the
-180as you see fit.And here is the result:
https://www.screencast.com/t/phN1sGvhJpAZperfect, thanks!
No problem 🙂
- You must be logged in to reply to this topic.
