Custom Hover Effects With Elementor custom CSS | Web Cifar | WordPress 2019

[@kenny1394]

how to make the text white when it is hovered?

[@webcifar]

you need add to it with custom css.

[@kenny1394]

@@webcifar in your website asset, there is no code to make the text white...

[@webcifar]

We just wanted to show how you can add this effect only. If you want something custom, you need to add it with custom css.

[@djpetronicgames1911]

selector:hover .elementor-image-box-description { color: white; } selector:hover .elementor-image-box-title { color: white; }

[@unaizaashfaq6218]

very useful, thank you for sharing your knowledge

[@giombelligilberto]

Thank You so much... Wonderful tutorial You made... The resut was excelent...

[@developermsmahadi]

Thanks, but how to change hover content color, like black bg and white text color when I hover over the column plz help me

[@thiagosalas8854]

Excellent video, loved the style of the code. Friend a question, is it possible to do this on the website menu? I'm racking my brain here and I haven't done it yet. Or something similar. I wanted to build a beautiful and differentiated menu.

[@3crazyamigos370]

In duration 1:07 how did you disabled the default header and footer by the WordPress theme? Whenever you edit any page with elementor you will get the page with the default header and footer ryt? But in your video am not able to see the header and footer

[@canicekosi9723]

Did you guys renovate your website? On the header, I can't see assets

[@ritikmalik4061]

Will this code work on image box too... ??

[@mumairmughal9865]

Can you tell me that how the text color is changing on hover. Because when i created this, i was unable to change the whole text color on hover. Thanks!

[@flaviencollonge7634]

Hello same question do you have an answer please ? :) or an other video to explain how do to that ?

[@retrohitstributes8781]

This is a fantastic video! Thank you for taking the time.

[@ernestomorrisonp.3479]

good video, but i don't know CSS to change the black background

[@moviesclip1734]

Fantastic video. great word But What is the another method of do without coding

[@canicekosi9723]

There is a problem. Your asset bar has disappeared. Can't find it

[@education_beauty]

Sir I need only 1/3rd pard change in hover

[@bytefluction]

thanks bro

[@samarjamil3053]

Great Job!😍

[@franktielemans6624]

I created something similar but with less code. In the section this CSS selector .elementor-column { transition: 0.5s; } selector .elementor-row:hover .elementor-column { filter: blur(7px); transform: scale(.7); } selector .elementor-column:hover { filter: blur(0px) !important; transform: scale(1.2) !important; } DONE

[@webcifar]

Great 👍. I like it. But if you notice in our effect it is not scaling up only it is also increasing the the height.

[@franktielemans6624]

@@webcifar Like I said it similar, but not the same. I didn't use inner sections, just one section with some columns and content. I guess you can add the margin in the transition aswel.

[@UnlimitedElements]

nice

[@mabrarhassan]

Good one 🙂

[@webcifar]

Thank you! Cheers!

[@mrpatowary1519]

How to change Arrows color when hover

[@TheCurtis38]

How to do for hover menus ?

[@eileenhung3288]

It works, thanks.

[@djpetronicgames1911]

Thanks you bro¡¡¡

[@webcifar]

Welcome

[@chandrakantpardeshi]

not for elementor free ver this is for pro

[@djpetronicgames1911]

elementor free is very basic, you can't do any interesting projects without the pro version.

[@nithino4432]

Could you please give me your mail Id. ? I can send screen shot. there is an error.

[@NetworkToNet]

Khuda Hafiz

[@kmgsultan8955]

love you bro.