A good and nice one, Imran. Is it possible only with CSS codes ie., with Elementor Pro? If I dont want to format the shape/background etc of the tab but only want to insert a photo either in the tab title or description, is it possible?
@@websquadron Mine is a local host. I used the code and tried to upload a png file (link from local library). Not successful as i can see only a small icon. Is the file size a concern?
Thank you! Was looking EVERYWHERE for something like this for a testimonial section. The tabs will be the client logos, linking to the respective written quote on the right. But would it be possible to have multiple columns of tabs (I have many logos to showcase)? As in around 3 columns of tabs, and then followed by the content section on the right.
That will be tricky and you may be better using an alternate approach where you have columns. And when you hover on the column the other info appears. See my ‘hover reveal’ videos.
![일상 속 기분 좋음 [Proto disco meme]](http://i.ytimg.com/vi/DwmEIaZ7XGQ/mqdefault.jpg)
I was searching for this , Thanks Imran for the easy and simple Tutorials without using any addon and keep every thing with elementor
My pleasure
That's great, I've got to find a way to use this. Thanks Imran.
No problem 👍
How can we scroll if there are a number of tabs without scrolling the content of the tab?
Thanks! i was looking around for inspiration on tab-design, and this helped me a lot. 👍🏻🙏🏻
No problem!
Which is why I follow you and hang around. 🙏🏻😊
A good and nice one, Imran. Is it possible only with CSS codes ie., with Elementor Pro? If I dont want to format the shape/background etc of the tab but only want to insert a photo either in the tab title or description, is it possible?
You could insert a photo as png as you have it loaded in your media library using the same codes.
@@websquadron Mine is a local host. I used the code and tried to upload a png file (link from local library). Not successful as i can see only a small icon. Is the file size a concern?
@@websquadron Resolved. Thanks
Cracking stuff as usual
God bless you my man!
Do share the video (click the share button to get the right URL) and let the world know :)
Thank you! Was looking EVERYWHERE for something like this for a testimonial section. The tabs will be the client logos, linking to the respective written quote on the right. But would it be possible to have multiple columns of tabs (I have many logos to showcase)? As in around 3 columns of tabs, and then followed by the content section on the right.
That will be tricky and you may be better using an alternate approach where you have columns. And when you hover on the column the other info appears. See my ‘hover reveal’ videos.
Great video as usual. Getting problems when clicking on a Tab, the page jumps. Firefox and Chrome, not Safari. Do you see this behavior?
I don't see that behaviour.
Hmmm.....
Hi Imran, is it possible to add a TH-cam or video inside the Elementor Pro tabs widget?
Yes you can drop it into the Text Field/Content of the Tabs, or if it doesn't work, then add a Template Shortcode
@@websquadron yes that doesn't work. Will try to SC route. thank you.
is it possible to have the tabs on the right with content on left?
The amount of css would become tricky depending on screen sizes
Can you make the tabs go over 2 columns if you were to have say 6 tabs, so that the images could sit side by side?
That’s more difficult unless you make the image be 2 images side by side. So create it to appear like 2 images in one rather than add 2 images
you are great bro
Killer! 🔥
Thanks a lot
Thanks
Nice, how can i style the selected tab border?
Best to use SiteOrigins css to get the exact code for that
How to make similar with horizontal tabs and title below the image
You’d need to rearrange the css.
Hi Bro you are an Elementor Doctor 😂
Cheers mate :)