Відео

There's nothing wrong with plugins that boost performance, so if you see value in using them, go right ahead and use them! Some of them can be very helpful. And they can do a lot of little things for you that wouldn't make sense for you to deal with manually. Like minifying CSS, for example. And those little things can add up and improve performance. When it comes to lazy loading, it's a good feature as well. It just means that parts of the page don't get loaded fully until they're necessary, which can make the website load faster. 🚀

@@Reialesa Thanks very much mate!

I don't see how using global widgets would be helpful in this case. As far as I'm aware, containers can't be used as global widgets. And using other widgets as global widgets, such as headings, means that they all have the same content. Which definitely isn't what I want when I'm building a pricing table like this. Plus, copy-pasting styles doesn't take a lot of time, so I usually just do that instead of creating global widgets. Using them can definitely be a faster way to build things sometimes, but it's not something I usually prefer.

Nested carousels are brutal compared to regular widgets, even on Chrome and Edge. Still, they are considerably better than Firefox for example. Which browser did you have a good experience with?

@@Reialesa tbh i didnt try other ones than Edge and Chrome. For the first two years i solely used Chrome but now only edge. Chrome, even with all addons disabled uses more of my cpu and ram compared to edge.

mu hahahah

I feel you. But trust me, it gets easier. At a certain point, you realize that, for the most part, you only need a handful of features and widgets. And once you master those, everything else follows the same logic and it's very easy to learn as you go. Don't get discouraged! 💪

Chrome is, as far as I'm aware, still pretty hard on the CPU and RAM. If Chrome isn't a good option for you, I recommend you try Microsoft Edge or Opera. Both are also based on Chromium, so you should get the same benefits when working with Elementor.

@@Reialesathanks for the reply, appreciated

Of course, it's my pleasure! 🙌

Try brave instead. It's chromium and isn't spyware like chrome is

Awesome, that's great to hear. Thank you for your support! 🙏

Good idea! I try to put it in the pinned comments so viewers don't have to go off of UA-cam to get the information they need. But I've been having issues with the pinned comments, so I'm considering making the codes available on my website. I appreciate your suggestion! In the meanwhile, if you still can't copy it, I put it in a Google Docs file: docs.google.com/document/d/1korwDFWMripIx09UJERzK3absibHbSgSSpI9ZLWGKbQ/edit?usp=sharing

@@Reialesa thank you so much 💕

I'm happy to help! Thank you for your support. 🙌

Thank you, Julio, I'm very happy to hear that the video was helpful! When it comes to the amount of padding, the numbers you mentioned are mostly just my personal preference. I just found that they work well across a wide range of different resolutions. If you're looking for something different, I recommend you experiment a bit and find something that suits you. There's no specific rule or calculation that you need to follow. The horizontal padding on tablet and mobile, so the padding that separates the content from the edges of the screen, is likely not going to vary a lot, because anything significantly lower or higher than 5% is quickly too much or too little. When it comes to the vertical padding however, you have total freedom to use any value you want to use. That way, you can make sure the padding fits the design for every individual project you're working on.

@@Reialesa thank you!!! This explaination is very helpful.

I'm happy to help! Thank you for your support. 🙌

I'm happy to help, thank you for your support! 😁

I'm glad you liked it, thank you for your support! 🙌

Yes, you can use this in Shopify as well! It's just a matter of targeting the correct classes and adding in your CSS in the correct places. Unfortunately, I haven't used Shopify in a while so I'm not entirely sure how it's done nowadays, but you should be able to find plenty of examples online.

@@Reialesa Great, thank you.

I'm happy to help! Thank you for your support. 🙌

I'm happy to help, thank you for your support! 🙌

I'm glad you liked it! Thank you for your support, I appreciate it. 🤝

same here, any videos you found yet that show how to solve?

That sounds a little bit odd, it shouldn't be happening with this CSS so I would recommend you look into clearing the cache, making sure you're looking at the result on the live page instead of the editor and all of that standard stuff. If none of that fixes the issue, there's an easy way to control the point from which the effects happen. Try this 👇 .imagehover { transition: all 0.3s ease-in-out; } .imagehover:hover { transform: scale(1.3); transform-origin: 50% 50%; } .container { overflow: hidden; } I also have a video where you can get a full explanation on how and why this works and I really recommend you check it out: ua-cam.com/video/sjkgdETBegQ/v-deo.html

If the image is a background image, the CSS in the video won't work so we need to change it slightly. Here's how 👇 .container { transition: all 0.3s ease-in-out; background-size: 100% !important; } .container:hover { background-size: 110% !important; } @media only screen and (min-width: 767px) and (max-width: 1024px) { .container { background-size: 120% !important; } .container:hover { background-size: 150% !important; } } @media only screen and (max-width: 767px) { .container { background-size: 150% !important; } .container:hover { background-size: 200% !important; } } There's no need to add any classes to any image. Just the container. And we're now using 100% as the default value instead of 1 because we're changing the background-size, not using transform: scale(). I also added some media queries to make it responsive, so you can change the values and make sure your background image is the size you want it to be on desktop, tablet and mobile separately. You also need to make sure that under 'Style', the 'Position' of the background image is set to 'Center Center' and that 'Repeat' is set to 'No-repeat'. Let me know how it goes! 🤞

Same problem, i dont have the language section when i click on the hamburger menu, is there an easy solution to this?

I have figured it out, you just have to download Connect Polylang for elementor and then the language section will appear, and also the widget language switcher (it worked for me, so hopefully it will help you brother)

That's great to hear, thank you for your support! 🙌

I'm happy to hear that it was helpful! Thank you for your support, I appreciate it. 🙏