Header Mouse Hover Animation

How 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.

Can you share the selector for the product titles please. Thank you

Attachments:

You must be logged in to view attached files.

Hello,

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

Thank 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.

Hello,

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

Thanks.. missed that.. hehehe..

Just one more question… how can I move the title to the top?

Thank you so much.

Hello,

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.

[webdev-6429]

Thank 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.

[Aizaz Imtiaz Awan]

Hello,

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.

Hi,

It’s on https://alzainjewelry.com/wp-admin/post.php?post=9057&action=elementor

It’s when opening HTML Blocks > All Jewellery.

thanks,.

Hello,

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

[Author]

Posts