วีดีโอ

Not sure if I've seen this exact case, but there is a known bug where nesting accordions and tabs can really tax the browser's memory to the point where the page doesn't load properly in the editor. Computers with lots of memory seem to do better. Chime in here if you think this is your issue: github.com/elementor/elementor/issues/29424

Roman, we'd be happy to do this as time allows with our build schedule. Please submit your request using the button here: kinggrizzly.com/elementor-tutorials/ We'll write back to you and you can then send us the screenshots. Thanks for watching our videos, so glad they have been helpful!

Image optimization is confusing. It is possible to manually optimize your images before upload. Some people just create webp images, upload them and call it good. We use Optimole which comes with the option to leave a copy of the images locally and on the Optimole CDN. This is nice, because you could decide to quit using Optimole and use a plugin to regenerate all of the site's image sizes, and you should be okay. Their free tier is pretty good but it can get expensive depending on how many images you are processing. We tend to set clients up with their own Optimole accounts so we aren't paying for their image optimizing.

Sure thing, thanks for watching.

Thanks Steve! Plenty of fun new features to play with lately. The v4 editor demo is looking promising too!

Good question. Are you asking if you upscale, will Adobe accept it? My guess is that they will likely reject the image due to the upscaling. Your best option for upscaling is probably going to be importing photos with the camera raw interface, or... I think Adobe Bridge lets you use Adobe's AI upscaling feature. Or maybe even something like Topaz: www.topazlabs.com/gigapixel which claims 16x upscaling. I'm going to investigate the options and make another video.

🎉

Be sure to watch this then! th-cam.com/video/AdX63kDWI3U/w-d-xo.html

I just put a relative URL into the field which asks where the icons will live, this seems to work for all environments. So /wp-content/uploads/favicon/ vs. mysite.com/wp-content/uploads/favicon/.

It's amazing! I've been waiting a long time for such a feature. Thanks for making us aware of its capabilities.

@@moniekwittens1824 Yes! We are using on new builds now and it's pretty solid so far. If you run into strange layout issues in the editor view, watch this: th-cam.com/video/McEDF-m_cGQ/w-d-xo.html

@@KingGrizzly How can I activate this feature. Dont see it in the beta pro version

@@bobruis4073 If you make sure Elementor plugins are updated to versions 3.27.x and above, these new fields should be available. No beta version required anymore!

It will be good and make building a lot more fun and intuitive for all!

You should be able to put custom CSS into a Wordpress site many different ways without needing to pay. Perhaps the most intuitive would be with the use of a plugin like WPCode (wordpress.org/plugins/insert-headers-and-footers/), but it can also be done with a child theme.

@@KingGrizzly Fiirst - an excellent video. secondly thank you so much for your early reply with a possible solution. Much appreciated. (I still need to work out what a child theme is)

Same here, when my friend pointed it out I was surprised to see all the options available.

A good point! I tend to default to separate widgets within a container as well, but some uses cases can be solved with a widget which is sometimes easier for clients to edit.

Yes, I was so relieved to see the custom option! It makes a world of difference for layout control. The grid outline is wacky and kind of buggy, they are working on improving it.

@KingGrizzly I have an Elementor plugin that has a grid feature with the proper overlays named Elementor Designer Powerup. I have lifetime license because I was one of the betatesters. With this Elementor update I don't need it anymore.

@@franktielemans6624 Hopefully, this makes your builds a bit lighter and more optimized.

Same here! This is why we try to use a starter site where we have everything set up and ready to go.

Hi, just saw this. There is a link to get the latest snippet in the description and others have posted versions of snippets in comments. Please let us know if you have any trouble getting it working.

Yes! This is big for Elementor and I'm excited to see what everyone can build with the new grid support.

Same, this is going to be good!

Thanks for this comment, it means a lot to me.

@@KingGrizzly I've got some of your videos I need to go through actually. Some freshening up.

A great release to start the year! I've been waiting on this for too long.

@@KingGrizzly Me too, especially as this was available right out of the gates in Bricks. Now, if we could only get that global class based system they've been promising us for years :)

@@ElementoryMyDearWatson That would be handy. For now, those classes live in my snippets plugin.

@@KingGrizzly Me too, but I just got an email to join their live stream next week going over the launch of the V4 builder which is rumored to now include classes and a bunch of other stuff we've been missing.

@@ElementoryMyDearWatson Wow, all of a sudden we can't keep up!

Thank you, happy web designing!

Thanks. Hey check this out, you could do a hero panel like this (just make the outer container 100% wide) and it may work better for accessibility and SEO: th-cam.com/video/E13YU5jU_-o/w-d-xo.html

Working on it to start the new year!

Change of plans, watch this! th-cam.com/video/AdX63kDWI3U/w-d-xo.html

Yes, you can trigger the code by clicking any element, it doesn't have to be an icon or button. Use whichever widget works best for you.

Are you sure you can't size up? Here are 2 methods in Photoshop. Method 2 is probably a better option for maintaining quality. Method 3 would be AI, If the pixelation is too severe, consider using tools like Adobe’s Super Resolution in Camera Raw or external AI upscaling software like Topaz Gigapixel AI for better results. + Method 1: Using Image Processor Prepare Your Folder: Place all the images you want to resize into a single folder. Open Photoshop: Go to File > Scripts > Image Processor. Image Processor Settings: Step 1: Select the folder containing your images by clicking Select Folder. Step 2: Choose where to save the resized images (e.g., a new folder). Step 3: Enable the desired file type (JPEG, PSD, or TIFF) and set quality settings. Step 4: Check Resize to Fit and input the desired width and height (e.g., 2000px x 2000px). The aspect ratio will be maintained if the dimensions differ from the original. Click Run. + Method 2: Create and Run a Custom Action Record the Action: Open any image in Photoshop. Go to Window > Actions to open the Actions panel. Click the + icon to create a new action and name it (e.g., "Upscale"). While recording, go to Image > Image Size: Set the desired size. Choose Preserve Details 2.0 or Bicubic Smoother as the resampling method for better upscaling. Stop recording the action. Batch Process: Go to File > Automate > Batch. Select your newly created action. Choose the source folder with your images. Set the destination folder and options. Click OK to process the images.

Here's a paid option which might be good for upscaling... www.topazlabs.com/gigapixel

Not sure, since I don't use Elements. ChatGPT thinks there may be an option under 'File > Process Multiple Files'.