-
Hi Team,
Do you know how to create a box like https://ibb.co/mqkFj06 that I want to show when hovering over some links?
-
Hi there,
Yes, it’s possible but it will require some CSS.
1. add a CSS class to the paragraph, eg.
hover-box-p
.
Adding CSS class(es): https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/2. create a box below the paragraph, and give the box a class, eg.
hover-box
.Once it’s done, let me know, link me to the page in question and I can check the CSS solution for you.
-
Yeah, it’s done.
What’s next?
-
Just added credentials in Private Info
-
Wrap the p and the container with another container, so the sctureture look like this:
- container A -- p -- container b
1. Set Container A’s
position
torelative
.2. Add this CSS:
.hover-box { display: none; position:absolute; left: 4em; top: 1.4em; } .hover-box-p:has(a:hover) + .hover-box { display: block; }
-
Done
-
I don’t see the changes.
https://app.screencast.com/sqKRAyhtCBEXXHowever, the solution should already be working if the changes are made.
-
Umm
I think i missed.
Can you please do this for me, credentials already provided.Best Regards
-
The credential has been removed.
And I can not do that for you, try follow my instructions, it’s not rocket science 😛
- You must be logged in to reply to this topic.