EXPERIMENTAL STRIPE-INSPIRED MESH GRADIENT & TEXT BLEND EFFECT - Elementor container edition

Подписаться 12 тыс.

Просмотров 3,7 тыс.

50% 1

I mean, wow! This Stripe-inspired mesh gradient is so...buttery and...colorful. I love it and I will definitely be using it in the future :)
CODE: www.notion.so/CODE-Stripe-mes...
Color generator: whatamesh.vercel.app/
Timestamps:
00:00 Intro
00:48 Demo
13:31 Outro
🟠 SUBSCRIBE TO THE NEWSLETTER:
newsletter.studioegli.com/
🟠 TRY ELEMENTOR
be.elementor.com/visit/?bta=2...
🟠 TRY HOSTINGER
hostinger.com?REFERRALCODE=1ANDREEA61
🟠 WORK WITH ME
www.studioegli.com/
🟠 YOU CAN FIND ME HERE TOO
TWITTER - @AndreeaEgli
LINKEDIN - / egliandrea
INSTAGRAM - / egliandrea.studios
🟠 FOR BUSINESS ENQUIRIES
contact@studioegli.com
Disclaimer - Some links in my videos' description box may be affiliate links, meaning I will make a commission on purchases you make through my link. This is at no extra cost to you to use my links/codes, it's just one more way to support me and my channel! :)
#elementortutorial #elementorpagebuilder #elementortipsandtricks

Опубликовано:

26 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 36

@andreaegli Год назад

What do we think about this little experiment? Do you think you'll be using it?

@JohnXionidis Год назад

Thanks a lot for this it looks great!

@andreaegli Год назад

You’re welcome, John 🤓

@teuccio73 Год назад

wow!

@andreaegli Год назад

🤩

@sweetayu 5 месяцев назад

You are awesome thank you!!

@andreaegli 5 месяцев назад

Thank you very much & you're welcome!

@rodlivz Год назад

Hey Andrea, this was amazing. I also loved the design you're working on. How did you create your design system for this?

@andreaegli Год назад

Hey Rodney! Thank you so much 😊 yeah, it has that super modern flair to it. I didn’t really, just went with the flow and tried things out

@jean-mahmoud_du_tacobel Год назад

Thx for skills 👏 Bonne journée à toi Andrea Nb: " And voilà " 😂🤜🤛🇫🇷⚜️

@andreaegli Год назад

😁 Merci d'avoir regardé, Jean! à toi aussi! 🥐

@larryaustin4871 11 месяцев назад

Wow, this is beautiful Andrea, it looks very clean. But your elementor looks a little bit different, how do you get 'Container' widgets?

@andreaegli 11 месяцев назад

Thank you so much, Larry! If you go to the Elementor settings > Features, you can activate the Flexbox Container feature. I also have activated the Editor Top Bar feature that's why you see all the 'buttons' at the top🤓 I need to make a short video tut on this because the question keeps being asked lately😁

@larryaustin4871 11 месяцев назад

@@andreaegli oh wow, I will definitely check it out.. thank you soooo much 🔥🔥

@andreaegli 11 месяцев назад

@@larryaustin4871 Anytime, Larry, anytime

@farhanpexxer1047 4 месяца назад

The shape divider ain't working for me any solution?

@krowest Год назад

Will definitely this try on my website!! Do you know if this has a big impact on your website performance? On one hand you dont need a hero background image anymore, but you will have a big piece of code… also is this supported by all browsers as far as you know? Thanks for the tutorial!! 🎉

@andreaegli Год назад

Awesome! Not sure about performance tbh. The script is huge but quite light. I've tested in Chrome, Safari and Arc and it works great in all three. I saw your comment about the -600px (for some reason it doesn't appear when I click on it) and yes, I agree, there must be a better solution. I just did was the fastest in the moment but do let me know if you find a more elegant solution😉

@krowest Год назад

Thanks. It seems to work on most modern browsers indeed. I will do a quick speedtest and let you know, but it seems to not be slower than a lightweight png image. The -600px works okey for me, for now. But it would be cool if Elementor would make it possible to add html code as a background within a container. Once again thanks for the tutorial and all the reply’s! Amazing stuff 💪

@andreaegli Год назад

@@krowest Coolio! It would be even cooler if Elementor added an option for choosing the canvas HTML tag without us resorting to hacky solutions...oh, well! there are so many things that Elementor needs to focus on instead of AI silly stuff I guess we have to keep pestering them with our requests until shit gets implemented You're welcome!

@krowest Год назад

Hahahah couldnt agree more!!! 😂

@EricPedrozaOfficial 11 месяцев назад

The only thing I'm not getting is the BLEND. The text becomes a solid color. Any idea of the error?

@andreaegli 11 месяцев назад

What color did you set for your heading?

@arctictern360 Месяц назад

It was working on my website first then I got a 403 server error! I checked with elementor people and they say, the 403 error is caused by the code inside one of the HTML file. Any page that have may have similiar 403 issues. This scripts conflict with elementors own code cause the error. Can you fix the code please ?

@andreaegli Месяц назад

The 403 error can be caused by a plugin as well and not only. This mesh gradient works just fine on my end so it's something conflicting with your own installed plugins, theme, etc...nothing for me to fix

@arctictern360 Месяц назад

@@andreaegli When I remove the HTML file completely. There is no server error. Only when I include the HTML coding in the page. I get 403 server error.

@andreaegli Месяц назад

@@arctictern360 that doesn't mean that a plugin is not conflicting with the code in the effect. Could be a plugin you updated recently...this is a specific issue to your case so, I'm afraid I can't help since I have no visibility to your backend

@arctictern360 Месяц назад

@@andreaegli Hi, I have checked with Blue host and elementor. They all point out to script code in html and say it conflicts with elementor code and thats the reason im facing this issue.

@andreaegli Месяц назад

@@arctictern360 I understand your conundrum here but as I said, the code is working fine will elementor (latest version even). Bluehost has no clue what’s happening with their own product let alone someone else’s website :)) have you tried disabling all plugins (except for elementor) and see how the code behaves? Other than that, there’s really nothing I can help you with

@sandrarg2661 Год назад

The code gives me an error, it won't let me publish it, it gives me an error on the server and nothing is saved, is it possible that you have put the code in the wrong notion? or is there something wrong?

@andreaegli Год назад

that's strange. I've separated the html code from the JS script. Try adding them again, hope it works.

@sandrarg2661 Год назад

@@andreaegli It doesn't let me, I've tried several different websites and it shows a server error and it doesn't let me save it

@andreaegli Год назад

@@sandrarg2661 Hmmmm, can't explain what the issue might be. I just tried it on another website and it works just as in the video.

@krowest Год назад

I can confirm it works on my website.

@arctictern360 Месяц назад

@@andreaegli I get a 403 server error too! I checked with elementor people and they say, the 403 error is caused by the code inside one of the HTML file. Any page that have may have similiar 403 issues. This scripts conflict with elementors own code cause the error. Can you fix the code please ?