Countdown Color not Visible in hover

Hello,
i used the CSS code which you gave last time it is working perfect but i just noticed that countdown color is not visible in hover i attached images so you can see where it is not working and on other places, it is working fine.

Attachments:

You must be logged in to view attached files.

2nd Question: i want to add Buy Now button.

Hello,

Kindly deactivate the maintenance mode and share that product which have countdown so I can provide you CSS for hover color of your countdown.

You can translate the “Add to cart” button to “Buy now” with Loco > Plugins > Woocommerce http://prntscr.com/mjm1eq

Video tutorial for Loco Translate: https://youtu.be/D3NsDdMzsls

Best Regards.

you can check the website, not maintenance mode is off.

actually i need to add buy now button like this attached image.

Attachments:

You must be logged in to view attached files.

Hello,

There is no such option to add buy now button for products within the theme options. It requires customization and this is beyond our limitations and support policy.

You can try some third party plugin for this functionality at your own risk.

Best Regards.

ok but please tell me about the countdown issue which i told you.

Hello,

Your countdown timer is shown perfectly fine on mouse hover. But if you still want to change the mouse hover color from white to something else then used the below CSS code in your global custom CSS area under theme settings:

.product-grid-item .woodmart-product-countdown span{
color :red;
} 

Best Regards.

i tried but it is only changing color please have look on the screenshot. please access the site to resolve issue.

Attachments:

You must be logged in to view attached files.

Hello,

Your issue is resolved now. I used the below CSS code in your global custom CSS area under theme settings for hover color of countdown timer.

.product-grid-item .woodmart-product-countdown span:hover{
color :blue;
} 

Video for clarification: https://jmp.sh/GVF39kM

Best Regards.

Hi,
i think you didn’t understand what exactly i mentioned. i need this green background and white text color you added blue color on text which i don’t need. and your attached video link not working.

Hello,

Your countdown timer is already in white color and with green background. I just used blue color just to set an example for you so you can use the color of your choice.

How can I set the same hover color which already applied on an element? Like white color is already set as a color so if I set the hover color also as white then the hover effect is not visible.

You can edit the color in the below css code and use the hover color of your choice and then replace the code in your global custom CSS code are under theme settings:

.product-grid-item .woodmart-product-countdown span:hover{
color :blue;
} 

Screenshot: https://jmp.sh/asFsGvl
After hover: https://jmp.sh/zybCPVC

Best Regards.

Issue-1 : When I’m moving my cursor to product image it is not giving zoom effect.
Issue-2 : when I’m sharing the post via clicking on the social icon on the right side it is not working. please help me out.

Hello,

1) I have test your site the zoom in effect is working just fine on the shop page as well as on the single product page.

Video for clarification: https://jmp.sh/flDdHVN

2) When I test the share buttons for sharing a blog post it also works just fine. You need to clear your site and browser cache and then check back:

Video for clarification: https://jmp.sh/192DQh3

Best Regards.

Thanks

Hello,

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts