Click Button to Change Image And Text Using Elementor

No video

Click Button to Change Image And Text Using Elementor - WordPress Elementor Pro Tutorial

Рет қаралды 7,347

DIY Websites Pro

Күн бұрын

Пікірлер: 43

@diywebsitespro Жыл бұрын

Thank you so much for watching. Please do like and subscribe I really appreciate your support.🤩🤩

@SalphuricAcid 23 күн бұрын

can we change the active button? if any one know please let me know right know ?... according to this code please?

@peyopeev2822 7 ай бұрын

Great tutorial, thank you! In my case, I've changed the images with shortcodes that call different 3d models and it works perfectly!

@diywebsitespro 7 ай бұрын

ahh amazing sounds great glad it helped and thank you for watching

@jamesblackwell4812 7 ай бұрын

Great work on this! I loved every piece and was able to modify the layout to my liking on my website! I'm using the free version of Elementor and achieved my goal. Thanks a lot for this tutorial!

@diywebsitespro 7 ай бұрын

glad it helped and thanks for watching

@shankyulasimeon Жыл бұрын

I can't thank you enough. Please keep up the good work Thank you so much

@diywebsitespro Жыл бұрын

Amazing I am glad you are finding the videos useful. Thanks for watching there are plenty more to come.

@abiabangshorts6892 6 ай бұрын

Thank you for the guide...I really helped myself

@diywebsitespro 4 ай бұрын

amazing thanks for watching glad it helped

@PabloCastillo-wd3eg 7 күн бұрын

So helpful, thank you! How can you add a transition, like a simple fade, before the image or text appears?

@diywebsitespro 4 сағат бұрын

hi thanks for watching I'm glad you found it useful. yes you should be able to add a fade with a simple few lines of code. I will have a look and see what I can do

@designbyfeliz Жыл бұрын

This is great stuff!! New sub over here!

@diywebsitespro Жыл бұрын

I love a new subscriber. Thank you very much and for watching 😁

@nixa3899 Жыл бұрын

Hey! How can I make the first button be immediately activated as soon as the page is entered without the need to click a button? Thanks in advance!

@diywebsitespro Жыл бұрын

hi really sorry I didn't see your post I will have a play about with the code to get it to open on load. sorry again and thanks for watching.

@mikilowe2765 Жыл бұрын

I figured it out: Add the below code after "$(document).ready(function() { " in the javascript he gave us and it will default the selection to Button 1: $("#button1").ready(function() { $("#img1").show(); $("#img2").hide(); $("#img3").hide(); $("#img4").hide(); $("#img5").hide(); });

@MrRetseem Жыл бұрын

@@mikilowe2765 Perfect, solution, thanks!

@SalphuricAcid 23 күн бұрын

@@mikilowe2765 can we change the active button? if any one know please let me know right know ?... according to this code please

@borisnieminen677 4 ай бұрын

Thanks for this tutorial. How can we set this up where the elements under the control of button 1, for example, are already shown upon page load. Cheers

@diywebsitespro 4 ай бұрын

hi thanks for watching do you just mean a 1 click button that scrolls through them

@leddisplayscreenmanufactur9135 Жыл бұрын

It is very helpful. This tutorial is very helpful. I am currently facing a problem where every time I click a button, it automatically jumps to the top of the page. How can I solve this problem?

@diywebsitespro Жыл бұрын

Hi add the anchor widget and link it to the button this will keep it in place

@olgamarrincon1755 22 күн бұрын

Hi, i need help Instead of a button I want to use a lottie that in turn shows another lottie and a text inside a popup

@SalphuricAcid 23 күн бұрын

how to show one right column as defualt?

@riegaldutoit5792 Жыл бұрын

Hello can you please make a tutorial on how to hide a tab in a specific page on astra theme

@diywebsitespro Жыл бұрын

I can yes. do you want it to show on click like in this video? I have Astra on this site.

@Tobadin Ай бұрын

I can't find the code on your webpage - can you help me find it?

@SalphuricAcid 23 күн бұрын

can we change the active button? if any one know please let me know right know ?... according to this code please

@vw3005 6 ай бұрын

does it work with Elementor's CTA? It doesn't see to work with the button of the CTA widget.

@diywebsitespro 4 ай бұрын

not sure what you mean sorry

@FMLyrics 10 ай бұрын

i tried it but it shows me all the images even they are hidden what could be the problem

@diywebsitespro 8 ай бұрын

you may need to re add the code it works fine my end it maybe you have entered the wrong css class names

@triryuzaki3573 5 ай бұрын

Why don't use Tab Widget instead?

@diywebsitespro 4 ай бұрын

I don't think the tab widget was that good when i made this video

@NARMATHAS-cx4dp 5 ай бұрын

How to set #img1 showing default, instead of clicking text 1 button??

@diywebsitespro 3 ай бұрын

hi just change the the code from text to image

@raphaelsousa2046 9 ай бұрын

It works with embed videos?

@diywebsitespro 8 ай бұрын

yep

@mareks5070 Жыл бұрын

can't see a code on your website... :(

@diywebsitespro Жыл бұрын

I am so sorry my Link has been updated please find the code below: diywebsitespro.com/click-button-to-change-image-and-text-using-elementor-code/

@bbbb-ii9kn Жыл бұрын

hello

@diywebsitespro Жыл бұрын

Hi hows it going