🔵 Text over image on hover in Elementor ✅

Подписаться 1,7 тыс.

Просмотров 8 тыс.

50% 1

🔵 Text over image on hover in Elementor ✅
In this video I will show you how to add text on an image on hover in elementor step by step and with custom css code in elementor
In the comments I leave you the css code.
kevinsalazar.net/blog/wordpre...

Опубликовано:

8 янв 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 32

@claracervino Год назад

Muchísmas gracias por este tutorial, llevaba tiempo buscándolo y funciona todo a la perfección!!

@KevinWebStudio Год назад

🙌

@ingridvargas1159 Год назад

Muy útil este tutorial! Gracias!!

@KevinWebStudio Год назад

Gracias a ti por comentar 👌

Год назад

Excelente!!!!!

@yudelmiscaracas6696 4 месяца назад

Muchas gracias!

@KevinWebStudio 2 месяца назад

Con gusto 🙌

@solutechcore Год назад

Gracias, me funciono

@KevinWebStudio Год назад

🙌

@creacionesbrunila 2 месяца назад

muy bueno

@KevinWebStudio 2 месяца назад

Gracias, pero este esta mas bueno ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-wZig0zkFuGE.html

@danitzazarate8815 Год назад

👏🏻👏🏻

@MagaliSalto-kj2bw Месяц назад

Hola , como andas ? no me aparece en mi elementor seccion de interior , tiene algo que ver que estoy usando flexbox?

@gerard1589 Год назад

sabes porque el el editor si se me realiza la función pero al actualizar y visualizarlo en la página no? agradecería mucho tu respuesta, eres un crack!!

@entremontanas7532 7 дней назад

y si pongo texto en la primera imagen como hago para que se desvaneza con la imagen?

@MindBlowingDigital Год назад

Y en el caso de querer aumentar la imagen al pasar el cursor? Que codigo en CSS se utiliza?

@KevinWebStudio Год назад

primero tienes que asignarle un clase a la imagen, después usar este código: .agrandar{ transition:transform 1s; } .agrandar:hover{ transform:scale(1.1); } en este caso la clase es agrandar.

@marcaccionvisual 7 месяцев назад

Hola. Muy buen tutorial! Pero de donde obtienes el código HTML?

@KevinWebStudio 7 месяцев назад

El código html ya lo crea el propio elementor, cuando arrastras un widget, ese widget tiene su propio código html y css con sus respectivas clases

@andrearomero6730 7 месяцев назад

Oye y como hago para adaptarlo a movil, es decir, que cuando este en vista desde tablet o movil no haga el efecto, pues, tocaría darle tap y deja de ser intuitivo 😅

@KevinWebStudio 2 месяца назад

Con media querys, se me olvido colocarlo, volveré a grabar el video pero esta vez en contenedores

@chakesoto2090 10 месяцев назад

Y si quiero poner un texto en la imagen y luego que se reemplace por otro texto al pasar el mouse?

@KevinWebStudio 10 месяцев назад

ahi te dejo el video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YTW8lhAz4EQ.html

@biryastudio 10 месяцев назад

Al aplicar el CSS personalizado, se aplica a todo y desaparece todo, solo aparece al pasar el cursor... incluso la imagen ¿qué estoy haciendo mal? seguí todos los pasos igual...

@KevinWebStudio 10 месяцев назад

Revisa las clases