Remove Image Title Hover & Add Space Below PayPal Text on Product Page
-
I have two layout issues that I would like your help with:
Remove image title hover effect
On my homepage, under the hero image, when I hover the mouse over a product image, the site name appears as a tooltip. I would like to remove this effect completely so nothing appears when hovering over the image.
Add spacing below PayPal payment text
On the single product page, there is PayPal text (e.g., “Pay in 3 interest-free payments…”) right below the Add to Cart button. The text is too close to the button, and I would like to increase the spacing between them for better visual balance.
Please let me know which settings or custom CSS I can use to fix these issues.
Thanks in advance for your support!
Attachments:
You must be
logged in to view attached files.
Hi reneersloan,
Thanks for reaching to us.
1. I tested on Chrome Safari and other browsers, no tooltip showed. Can you please double check?
2. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.wd-single-add-cart .ppcp-messages{
margin-top: 30px;
}
Regards,
Hung PD
Hello Hung PD,
Thank you for your response.
It seems I’m still encountering the tooltip issue, and it’s not just with the image I originally screenshotted. I’ve checked both Chrome and Firefox, and the tooltips appear on both browsers. I’ve also noticed the same problem with the product image below the images.
Could you please help me figure out what’s causing this?
Best regards
.
