Home › Forums › WoodMart support forum › Header Mouse Hover Animation
Header Mouse Hover Animation
- This topic has 10 replies, 2 voices, and was last updated 2 years, 1 month ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
October 25, 2022 at 1:48 pm #416412
webdev-6429ParticipantHow can I change the animation on my headers so that when I mouse over the link, it grows and changes color.
Thank you so much.
Attachments:
You must be logged in to view attached files.October 25, 2022 at 2:54 pm #416433
webdev-6429ParticipantCan you share the selector for the product titles please. Thank you
Attachments:
You must be logged in to view attached files.October 25, 2022 at 4:00 pm #416455
Aizaz Imtiaz AwanKeymasterHello,
1- Although, as you have already checked regarding the Menu Items, there isn’t a separate Animation option available for that. So, if you want to change something regarding the Menu Items on Hover then it can be targeted alternatively through the Custom CSS. Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:
#menu-main-navigation li a:hover { color: red !important; transform: scale(1.2) !important; }
In this CSS, the transform property makes the Menu Item large when hovered and the color property eventually changes the Color of the Menu Item.
2- For targeting the Product Titles, you can try out the following selector:
.product-grid-item .product-wrapper .wd-entities-title a
Best Regards
October 26, 2022 at 11:49 am #416648
webdev-6429ParticipantThank you so much. Another request please, how can I remove the overlay on the image and have the button same as the rest of the buttons on the home page.
Thanks.
Attachments:
You must be logged in to view attached files.October 26, 2022 at 1:41 pm #416672
Aizaz Imtiaz AwanKeymasterHello,
We are glad that we could be of some help 🙂
Actually, the style of the Image under the Promo Banner is selected as Color Mask on your Site. You need to change that to Default to hide this style: https://postimg.cc/4HVmxVZT
You can select Alternative as Predefined Color to change the Button style in this Promo Banner: https://postimg.cc/jWhzcVJ7
Best Regards
October 30, 2022 at 4:40 pm #417450
webdev-6429ParticipantThanks.. missed that.. hehehe..
Just one more question… how can I move the title to the top?
Thank you so much.
October 31, 2022 at 9:52 am #417514
Aizaz Imtiaz AwanKeymasterHello,
Sorry for the delay in the response due to the weekend.
You can control the Alignment or Position of the Content under the Layout sub-tab of the Promo Banner element which can be found under the Style tab of the Promo Banner: https://ibb.co/3zrjqxf
Best Regards.
November 1, 2022 at 10:24 am #417791
webdev-6429ParticipantThank you for the very quick replies. I actually wanted the text to be on top and the button below.
Also, this error comes and goes. Do you have a permanent solution?
- This reply was modified 2 years, 1 month ago by webdev-6429.
Attachments:
You must be logged in to view attached files.November 1, 2022 at 3:05 pm #417886
Aizaz Imtiaz AwanKeymasterHello,
Then you would need to try out the following Custom CSS in this regard and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:
.banner-title-wrap { position: absolute !important; top: -18em !important; }
This will make the Text stay on top and the bottom will remain at its position but remember to not choose the Content Alignment from Elementor editor then.
Secondly, the
the_content
Error is appearing on which Page of your Site? Can you please share that Page URL so that we can check and assist you accordingly?Best Regards
- This reply was modified 2 years, 1 month ago by Aizaz Imtiaz Awan.
November 2, 2022 at 10:14 am #418040
webdev-6429ParticipantHi,
It’s on https://alzainjewelry.com/wp-admin/post.php?post=9057&action=elementor
It’s when opening HTML Blocks > All Jewellery.
thanks,.
November 2, 2022 at 1:48 pm #418100
Aizaz Imtiaz AwanKeymasterHello,
It’s quite strange and odd to hear that the_content Error is appearing specifically on a Block.
Could you try deleting this Block and create a new Block and then check back the issue again?
Also, you can check out this Elementor Article too in this regard:
https://elementor.com/help/the-content-area-was-not-found-error/Best Regards
-
AuthorPosts
Tagged: Typography Advanced
- You must be logged in to create new topics. Login / Register