No video :(

Change Image on click In Elementor

Подписаться 35 тыс.

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

50% 1

Learn how to toggle between images and icons.
Source Code:
urielsoto.com/toggle-between-...
🔵 Join Our Facebook Community!
bit.ly/urielsotofbgroup
🟢 Tech Support:
urielsoto.com/services/
🟢 My Web Agency:
vluxdesigns.com/
MY COURSES:
🟣 Elementor Mobile Responsive Course
bit.ly/elementormobile
🟣 Website Building Factory Course
bit.ly/websitebuildingfactory
PRODUCTS I USE FOR MY WEBSITES:
🔴 Get Elementor Pro - My Favorite Page Builder
bit.ly/urielelementorpro
PRIVATE GROUP:
🔵 Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/
Facebook: / urielsotodev
Linkedin: / uriel-soto-976b3117a

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

5 янв 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@Askitbasket 2 года назад

This worked well for me and I was able to adapt it perfectly for a hamburger icon that I wanted to change into a close button. What would be the best way to add an animated transition?

@devilionyt5178 Год назад

This really helps, Thanks a lot, what about transition time? how to add transition time? as on click hide /show section is also working with this, I need to set transition time on icon.

@SveinnTryggvason 2 года назад

Thanks for the tutorial. How would you go about using dynamic images (from custom field, ACF or such) in the css? Is that possible?

@zionpax8908 8 месяцев назад

I used this to create popup toggle button for a dropdown menu. Is there a way to make icon recognise if the popup is opened or not and adapt itself accordingly?

@DailyToastDelight 8 месяцев назад

@UrielSoto I am trying to implement this without Elementor Pro. Is there a way to go around the custom CSS section and just plant it in the html?

@yacinebrahimi7637 8 месяцев назад

is it possible to add multi play/pause button in the same page ?

@fred3r1k Год назад

I have this issue: Uncaught SyntaxError: Identifier 'audioButton' has already been declared

@avwa6145 2 года назад

When I press the play icon, the icon changes to the text "f04c" instead of the pause icon.

@tondialfarizi 2 года назад

me too, do you get the solution?

@FrankLopezz 2 года назад

you still having your patreon weekly group calls?

@UrielSoto 2 года назад

No haven't had much traction. So been forgetting to remove it as a package.

@tomeusastrecabanellas983 2 года назад

Hi there, thanks for your video, that's what I'm looking for, but I'm unable to make it work. I made new page, section, columns : inside HTML and icon widget HTML content : ============= const audioButton = document.querySelector('.audio-button'); audioButton.addEventListener('click', function(){ audioButton.classList.toggle('toggle-pause'); }); Icon ======= CSS clases = audio-button Custom CSS = .toggle-pause .elementor-icon i::before{ content: '\f04c'; } I click on the button, but nothing happens. :/

@tomeusastrecabanellas983 2 года назад

Well, I'm answering to my self, the problem was with the order of the widgets, first icon, then HTML, now it works. Thanks !

@leonardliu3028 Год назад

.toggle-pause .elementor-icon i::before{ content: '\f04c';---I am really a bigginer, but want to have the toggle icon effect, it doesn't work here, ------.toggle-pause .elementor-icon i----where are these from? where to define these?

18:54

Best Elementor Tips And tricks | Progress Tracker

Просмотров 1,9 тыс.