ฝัง
- เผยแพร่เมื่อ 7 ก.ค. 2024
- How to make images breakout the parent container in Elementor? You can use a simple but effective trick that takes behalf of the Background Overlay element in order to achieve that really nice effect. This tutorial teaches you how to manipulate the position and size of the Background Overlay and how to properly do things responsive way.
CSS code available @ Gist:
gist.github.com/oooh-boi/fc44... - แนวปฏิบัติและการใช้ชีวิต
![[FULL EP.14] เซียนหรั่ง สอน มาร์ชจุ จับปูนา ฮากระจาย | เฮ็ดอย่างเซียนหรั่ง | One Playground](http://i.ytimg.com/vi/M8mPjd_T2lo/mqdefault.jpg)
Please make as many tutorials as you can! I have never ever watched such great explanation videos like yours! Thank you so much for all your effort :-*
I agree and this is, by the way, the very 1st comment I ever do on a youtube video :)
That background gradient trick is something i needed for a long time! Thanks!
Thanks to you it's a pleasure to see something other than what's being done from all over the web. And thank you again for the originality you bring to your channel.
This channel has a great future ahead. You run it great. Thanks for the great advice!
As always, these videos ear worked through and explained flawlessly. The speed of them is just perfect!
You're a genius...Thank you good teacher.
How have I only just found this channel? Great work. Thank you! 👍
I'd never have watched such a thorough explanation like this! Thanks
Glad you enjoyed it!
Even your coding tutorials are so easy to understand. thanks for all the knowledge man much love from Florida
Glad you like them, thanks for watching!
Your tutorials are among the best there is to get the most out of Elementor, they are pro level, thanks Master OoohBoi
Thanks for watching mate, glad you like it!
Ooooooooh BOY! That is just amazing. Thanks for the tutorials Oooh Boi!
Great Tuts Man !!!!Want more CSS Videos Like this.
Excellent presentation, best of all the Elementor instructors.
Genius, generous and genuine. You are very rare kind. I wish the best for you.
Thanks a lot buddy, same to you!
Very nice man. I like the explanation of CSS uses!
Great idea, never thought about it before, thank you!
Your channel deserves 1000x recognition at least. Your content is way better than most of other hundred-thousand-sub wordpress channels (including the official Elementor channel itself). Thanks for sharing your expertise with us, learned a lot from your video. I wonder if you have an one-on-one training or any course available somewhere, would love to learn your core foundation as well as advanced elementor design insight.
Best channel teaching elementor
Another amazing tutorial, thank you for your hard work my friend.
Thank you for watching!
A great Tutorial can never think of making it. A good piece of important information.
Glad you think so!
Thanks for the Great tutorial, personally I use negative margins to achieve this result
Looking forward for more creative tips and tricks.
Very clear and informative, I love it. Thanks for the help, and looking forward to seeing more tutorials.
Glad it was helpful!
You a great teacher keep the videos coming.
Excellent tips !! Thank you for these great tips !!! Invaluable!!!
Please keep up that videos! You are so helpful!
I'll give my best, thanks!
This is gold! Thank you.
Best elementor channel
Will watch this over again
Nice All your tutorials are awesome !!!!!
Glad you think so!
completely awesome. loved this one.
Sir, your Elementor tutorials will help me build a great business, thank you very much!!
Ohoho, wait for a minute! I'll take 5% in that case 🤑
@@OoohBoi Lol, I'll surely find a way to be thankful
Please don't stop. best on youtube
Thank You so much ❤️
Your every tutorial is unique ❤️
Love your tutorials man!!
Glad you like them!
Excellent! Very good video. Well done!
Thanks again for the tips Boi!
Genius! Thanks dude.
Thanks for this wonderful tutorial
Thank You this TUT is so perfect!
Amazing! Thank you!
Awesome ! You're a genius. Thanks dude.
Great explanation, totally complete, thanks
Very good tips Boi!
Thanks mate! Great video!
Glad you liked it!
What a BANGER 🔥
i love it. total brilliance
Very very cool. You are an excellent teacher. Thank You!
Thanks for watching!
your videos are awesome men!
Great insight!
Thanks dude, that was smart trick!!
Another great tutorial. I can do this now.
Have fun!
Wow, thank you!
Thanks for the Great tutorial Please keep it up!
Thanks, will try!
best channel ever!!!!
Excellent Video Tutorial Many Thanks
Glad you liked it
outstanding...!
This is awesome. I just learned something new
That's the whole point of these videos. Thanks for watching!
Excelente! Great, gracias amigo
Please make more videos. I'm a huge fan.
OK, will give my best.
Well done
Thank you very much for this video. I love your videos. ,,
Excellent video!
Glad you liked it!
@@OoohBoi positioning a background is easy enough for the desktop mode, but can be much trickier for tablets and cell phones. Is it possible to simply feature the background for one mode (desktop) only? I would prefer to eliminate the background in the other two modes. Any thoughts?
Aside from the great actual information that was provided.... I more appreciate the lack of jump cutting as well as real human speech rhythm......This is how functioning adults learn.........
Amazing!
As always brilliant video 👍🏾 😃 Keep up the good work sir, hope that you and the family are all well? 🙏🏾
Just great!!
I have subscribed because your content is great. thanks
thanks for the very useful video bro :)
@4:42 my subtitles said, "we can make the dumbass work for us". Hahahaaaa, I know that's not what you said but it was so funny I had to share!
Another great vid and finally no awful background music.
Absolutely helpful... 😍
So glad!
Really elegant approach! And the Navigator is critically important to access and name items, even on plain websites like the one I manage. It's similar to the Layers palette in InDesign, etc. and (I work in the print industry) it's shocking to see how many files we get from "Design Agencies" where absolutely everything is on one layer...it's a sloppy and lazy approach to layout and design.
Thank you!
Ooooh boiii super usefullll
Glad you think so!
very smart to rotate 90 degree of the colors, really be magically fill the rest area.
of course very good example to adjust the mobile screen layout.
Glad you liked it!
Thanks a lot sir. 👍🏻👍🏻👍🏻
very interesting !!
Luv your designs and tutorials sir! It would be great if you had your creations available for download 🙌🏻⚡️💪🏻💥💻📱🌎👏🏻
Oooooh boi, that was goooood! Cheers just sub
Welcome! ...and thanks for watching!
good one
thank you ;)
Thanks dear
Any chance you could create this same tutorial using Elementors NEW flex container feature they are moving to?
I'm not sure why you didn't just use negative margins without having to add CSS. It worked for me.
Do you have paid course? You are the best instructor
Another great video in this channel!
Question though. Regarding filling the background with colors. Why not "just" stretch the section, full page, to fill the page instead of adding the gradient background?
This is just in case you use the gradient in that fashion, but definitely not the rule of thumb. If the section stretch works for you - why not.
You could make a tutorial to explain how to use CSS with Elementor in depth? Thanks in advance
I really like that design of the header with the car there.. It looks great! How did you make the gradient button? Used a plugin for gradient button or custom css i guess?
Thanks mate! Gradient buttons? Here's how to: th-cam.com/video/q3zyxGJUwpU/w-d-xo.html
@@OoohBoi I really like your videos bro.. I like that you show unconventional and professional techniques with Elementor and Elementor Pro.. You´re doing great too, with 3k subs with 14 videos :) That is very good for you and means you are showing the right things to us.
This was really good and useful. What about if you have another background overlay on that page will that custom CSS also alter that background overlay?
You can handle it by assigning greater (lesser) z-index value to the column. Hopefully I'm not missing the point...
Great! Where to learn more of your CSS trix?
Thanks! I guess I'll do more with time but I also think that not each and every video tutorial is about to bring a new CSS trick.
hey man! your tutorials are kick-ass, could you do something about creative grids like showing products and services with some hover effects and so on? :)
Thanks! Not sure about "creative grids" but if you're referring to custom post types then the video on that subject is soon to come - as a part of Dynamic Series.
@@OoohBoi I was thinking more about a masonry grid style with collums to show case services but also to have some interactions like hovering, links and text
@@AngeloGuardia OK...we'll see, we'll see...
Am i missing something? I just started with Elementor and webdesign. But is it not possible to just add transparent *.png image and move it with margin to the other box? So some parts overlap?
It is, however, the background overlay is absolutely positioned (extra) element and as such suitable for all kinds of manipulations (position, size, transformations, etc.). Negative margins affect surrounding elements, that's why I dislike using it.
It's not working anymore with Elementor containers. But this is very nice tutorial. Thanks for it!
Hello, How can I make the right part with the text and that button? I don't know how to make column to have same height with the section
The section doesn't have a height defined, its height depends on the amount of content.
Need guidance ..
I want to make E-commerce website in which registered buyers get the products in whole sale price and unregistered buyers get same products in retail price and admin panel wo manages clients and products updation , deletion and addition etc...how could i make it freely
Instead of the background gradient couldn't you just set the section to full-width instead or boxed? or will that mess things up?
But what if you wanna have a boxed content inside the full-width section?
Were you recording in a server room? I feel very familiar with the surrounding noise. 😆
By the way, awesome tutorial as usual!
I asked that myself also; it sounds like a serverroom or something :-D
Hah! Busted!
He is in his secret server bunker yes
Hello sir great tutorials as i am wondering..why dont you just choose the section to be full width instead of boxed? What is the difference with gradient ? I look forward to hear from you.😀
I was thinking that as well. Can you clarify?
Do you have any course? 😂 I just want to buy any!!