Make Entire Containers Clickable in Elementor - No more plugins needed 👍
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- ✨ Join us in the Lytbox Academy Community:
lytboxacademy....
Did you know with Elementor Containers we can now wrap an entire container in a link? Here's how it works 🤙
/////
✨ Learn High-Level Web Design Skills With Me:
🟢 Master Elementor while learning web design skills:
lytboxacademy....
🟢 Learn powerful SEO in an easy-to-follow style for WordPress users and web designers:
lytboxacademy....
🟢 A step-by-step guide to building a WordPress Maintenance Business that results in high MRR:
lytboxacademy....
🟢 Become a Lytbox Academy Pro Member:
lytboxacademy....
/////
✨ My Recommended WordPress & Web Design Tools:
👉 The hosting I use:
Cloudways (use promo code LYTBOX for 30% off 3/months)
lytboxacademy....
xCloud:
lytboxacademy....
/////
👉 My WordPress Tools:
Elementor Pro:
lytboxacademy....
Breakdance Builder:
lytboxacademy....
Bricks Builder:
lytboxacademy....
Crocoblock:
lytboxacademy....
SEOPress (the best SEO tool for WordPress!):
lytboxacademy....
Perfmatters:
lytboxacademy....
InstaWP:
lytboxacademy....
WP Umbrella:
lytboxacademy....
/////
Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox
#elementortutorial #elementorcontainers
No way dude! I'm bowled over - what! how did I not see it? All the time under our noses! Thank you so much.
Thank you so much for sharing your knowledge and including all the steps the others miss. Much appreciated!
I was getting almost crazy trying to understand how to use this, thanks you so much !
SOOO GREAT!!! I've been just looking for a plugin that will work with containers, because "Wrapper Link In Elementor" and "Make Section & Column Clickable Elementor" DO NOT work here anymore. Hahaa, brilliant! THANKS FOR UPLOADING!
Thanks a lot. Was looking for this haha! Appreciate mate :)
Thanks! you saved my life
So glad to hear!
Great video. Very helpful
🙏
I am getting an underline appear on text on mobile when I apply a link the container. Any idea why?
Thank you, helped me a lot
I’m so happy to hear!
This is so helpful! Thank you very much!
Thank you!!!
Thank you
🙏
dang it! I did't see this stupid warning! Thank you for your video!
thank YOU!
Thank you, Jeffery, I purposefully go to your channel first to see if you have addressed a query we have before I look elsewhere. I do this because I know you also work with clients and have similar values to us, and your solutions have always been reliable, practical and resolved where possible without additional plugins/risks. I truly appreciate that!
Thanks 😇
usefull
I’ve been looking for a way to make a video clickable for ages and this could just be it! Thank you 🙏
Awesome!
I breaks the whole element layout do you know a workaround?
Hey, thanks for the video. Do you know how I can avoid everything inside the container (titles, borders, etc) to turn to the the color set as accent or link?
4:04 and that makes this feature USELESS (Sadly like many other Elementor widgets that lack crucial features offered by free plugins)
Thanks for the video. May I know how to create hyperlink for section \ block in WordPress without or without plugin? This link will help me to send to customers to go directly the the subject inside the page. Thanks
You only need to add an ID to the section and then share the URL with #yourid at the end. You can turn that section into an anchor link you can share
I cannot add a button to a container ,Otherwise the layout will change
Hi Jeffrey. There is a way around the the container layout breaking with links in by adding a new container, making a link as you instructed, setting it up as absolute, and then setting height the same as the top-level container and 100% width. Make sure the content is at a higher level z-index than the new link container added. Hope that helps with others wanting that function :)
Good work around and thanks for sharing! What I love about building sites is we can find all kinds of solutions. I find it fun.
Another option is to style the links inside the clickable container with CSS and avoid multiple containers.
Great tutz Jeff!
I was trying to do this with EA wrapper link from the Style tab, but its not working. Cheers!
Great to hear! I’m happy anytime we can depended less on an add on 😉
thanks you soo much i appreciate your effort and work that saved my lot of time with watching a short video
Thanks! Happy it helps 🙏
I'm so happy you said something. I've been writing JavaScript to make columns clickable. Which can be a pain because the javascript even makes them clickable in the editor and it's too easy to click them while making changes to your page.
For sure! Much better now built in.
Just don't try this. Cracked my whole website, lost couple of things...
I doubt turning the container into a link broke your site and lost anything. Must have been something else. Note that if you have a link like a button inside of the container the style will break on the inside links. But nothing will be effected outside of the container. Not possible.
😂 if adding a link to a container breaks your site, you might need to reconsider your design implementation.
That was a fantastic find. I missed that update until now. Thank you Jeffrey!
That’s great to hear! Yah, some of the little but useful features can slip by sometimes
I couldn't find that option, thanks for sharing
That’s great!
Hello! I made Flexbox Containers active, but link doesn't show or load. I made sure my PlugIn was updated refreshed and checked again, but the section only goes as far down as nav. :(
Love your videos man, keep it up! I was wondering if you can make some video about cookies in the future ( especially for EU rules ). I've been searching for it on your channel but found nothing. Maybe iam just blind lol :D
Is there anyway to apply active properties on that container?
I am trying to apply active property using pseudoclass:active
But no changes are happening to container
Very cool, thanks for the insight, Jeffery. I have been using your tutorials often. I appreciate them ! 🙏
so good thank you
Thanks!
Thank you sir!
🙏
BRUH! So easy! I forgot all about this! THANKS!
Thanks Jeffrey! This hidden feature is exactly what I was looking for.
it still breaking things lol
You can't have links like buttons inside of the container when setting the container as a link. They will break the styles but this can be fixed with a little bit of custom CSS
tnx a lot, didn't know there is something like that
set of good information ℹ️
You can solve the internal link by css. by resetting the internal link styling.
That’s the best way to do it!
Hi Ronald, could you please explain the part "resetting the internal link styling" ? :-)
@@saracammi5922 4:24 You can reset the styling, so it will not get out of place. I hope you get the idea.
@@onadzen hello, what's style exactly you mean? the button? could you give the css script example of it, please?
@@savtrrsh What I mean is the internal link that have an issue when Jeff's solution on his video can be solved/fix by CSS styling. You can check on the video that the button has links have issues.
Thanks alot