Find Answers and Get Support › Forums › Mandha – Multipurpose WooCommerce Theme › Website Setup › Pages › Pages hover effect
- This topic has 3 replies, 2 voices, and was last updated 1 year, 4 months ago by Manathan.
-
AuthorPosts
-
RiyazParticipant@riyazn
- 17 Topics
- 51 Posts
I was looking for pages hover effect adjustments, when we hover over the products category images it covers with blue image and shows the category description, I wanted to show 2nd image like product image flips and shows next image on products page same like I wanted in category pages as well, I tried to change appearance in customise tab I turned it to red and reduced opacity but it affects in add to cart button color, please help soon, waiting
April 26, 2023 at 21:24 #44999@themodactyl- 0 Topics
- 6587 Posts
Hi Riyaz,
This is standard design with our theme, I’m afraid.
As this is not breaking the page, changing this is considered customization work. Unfortunately, this is a service that we do not provide. If you want to go further with the customization of your website, we advise that you hire a developer to do it for you.
If you’re on a tight budget, we recommend you to require the services from Fiverr. This web platform gives you access to developers who already have experience with theme customizations, and for very competitive prices.
Disclaimer : we have no affiliation with Fiverr and are only recommending it as a starting point and a popular option for those who might not be sure where to look when in need of some custom work.
However, to change the hovering color, simply add the following code snippet to your website:
/** * FEATURE: Change Background Color when Hovering a Category Card */ .grimlock-term-query-section__terms.grimlock-terms article:hover .card-body, [class*="wp-block-"].grimlock-term-query article:hover .card-body{ background-color:rgba(0,0,0,0.5) !important; color:#fff !important; }
To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you.Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.
If you want to go further with the customization of your website, we advise that you require customization work.
Regards,
April 27, 2023 at 11:05 #45008@themodactyl- 0 Topics
- 6587 Posts
Hi Riyaz,
It’s indeed in the additional CSS that you have to copy-paste the snippet.
Could you create a new website user for us please? If possible with administrator capabilities so we can access your Customizer.
You can post the user name and password in your next reply and mark it as private to keep this between us.Thank you.
April 28, 2023 at 13:02 #45019 -
AuthorPosts
Hi there,
This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!
Best regards,
The Themosaurus team.
The topic ‘Pages hover effect’ is closed to new replies.