Imagehover without link
-
Hello,
On a Woocommerce single product page, I want to hover a text on short description text, and that an small image+1word appear.
As the Woocommerce single product doesn't allow to use all the laytheme specificities as the image-hover, I don't know if it's possible? (see image, I set the "Region" word to be red on hover, and want to put hover image on the right).As I am here, I would also like to ask something else:
How can I manage to stick the "add to cart" button right next to the quantity box (on the right without margin between). (see also image below)Thanks a lot,
And also thank you for creating Laytheme, it makes me want to code even if I am not a developper 😅. Really a great theme.
Best,
Sofia -
thanks sofia!
On a Woocommerce single product page, I want to hover a text on short description text, and that an small image+1word appear.
mh mh do you think also an accordion would work for this?
yea the imagehover addon doesnt work for this pageHow can I manage to stick the "add to cart" button right next to the quantity box (on the right without margin between). (see also image below)
Ah I see
maybe thats a bug, it should stick right next to it.
Could you send the URL to that product page?
-
Hi @arminunruh
Thanks for the answer!I've just managed to do the hover thing via CSS.
My code:
.hide {
display: none;
}
.region:hover + .hide {
display: block;
float: right;
margin-left: 50px;
}For the buttons, https://vinaunaturel.com/nos-vins/tresbingias-igt-2020/
It is not online yet… would be on Wednesday, can't put it online before that. But it s a "detail" I can modify after this deadline.
Thanks a lot,
Have a great end of week-end! -
This post is deleted!
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it