Тёмный

Make an Image Hotspot with Text in your WordPress Website using Elementor Pro Hotspot Widget 

Make Dream Website
Подписаться 33 тыс.
Просмотров 9 тыс.
50% 1

Today I'll show you how to make an Image Hotspot with Text in your WordPress Website using Elementor Pro Hotspot Widget.
✅Get Elementor Pro:
makedreamwebsite.com/elemento...
✅Get Domain & Webhosting(SAVE 50%):
makedreamwebsite.com/bluehost
✅Get creative templates on my Template Shop:
templatish.com
In this tutorial, you can see how to create an hotspot image area on your Elementor website. So, when we hover on the dots, we can show the text on hover with a beautiful animation. We are not gonna using any additional Elementor/WordPress hotspot plugin or any custom code.
First, we need to take the Elementor Hotspot widget inside our page and add and image from there. Then, we also need to add the hotspots and position those according to our need.
There are some other options for the tooltip and from the style tab, you can design each and everything. Finally, we also check it's responsiveness on the tablet and mobile devices where basically we don't need to do anything.
So, that’s how you can make this Elementor image hotspot with text. If you enjoy this WordPress video, and want to get more image hover effect tutorial, don't forget to like and subscribe.

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

 

18 авг 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 8   
@asfahim6882
@asfahim6882 Год назад
Keep doing great work like this bro
@MakeDreamWebsite
@MakeDreamWebsite Год назад
Thanks, will do!
@sadrihasan6365
@sadrihasan6365 Год назад
Helpful video. thanks
@MakeDreamWebsite
@MakeDreamWebsite Год назад
You're welcome!
@aymonshik
@aymonshik Год назад
Perfect as usual, If you don't mind, please help with making a design as follows: A section with 2 columns, one of the columns contains tabs or titles or links "list of stores names" for example, The other column contains a map with multiple locations, So, when clicking on the store name, it shows the location on the map, and so on which the other names, It's a multilocations map, that can be navigated by clicking on the name of the location in the other column.
@aymonshik
@aymonshik Год назад
or how about just the same as this tutorial but instead of the furniture image we put a map image, and in the other column we add a list, and whenever clicking on a list item it highlights one of the hotspots...
@MakeDreamWebsite
@MakeDreamWebsite Год назад
There are some map plugin for that functionality... You can try that out
@aymonshik
@aymonshik Год назад
@@MakeDreamWebsite can you please suggest some or one ? Note: I believe your tutorial would be better and lighter for the website performance.
Далее
Elementor Info Card with Curved Shape on Hover
5:40
Просмотров 62 тыс.
Neomorphism Elementor Pro Tutorial | TemplateMonster
11:36