Fancy image borders and buttons - Elementor tips and tricks (Episode 3)

[@christineantoniuk]

Love the sense of humor accompanying these informative tutorials!

[@jgvisualsplash]

Love this tutorial. Love your channel. Keep it growing I will keep watching. Elementor should pay you for the amazing publicity.

[@OoohBoi]

Thanks, I wish it were true ... anyhow I ain't doing it for money, I just like it 😁

[@moumitaghosh2310]

thanks for sharing your experience and creative knowledge about Elementor.

[@orpheus1340]

Great tutorial, the others I found said "buy Elementor Pro" to do the exact same thing lol. Thanks a bunch!

[@sorooshkln1776]

The most useful channel for learning effective elementor options. Thanks man👌👍👏

[@community7757]

Idk why people dislike this amazing video. Great job mate!

[@OoohBoi]

Thanks for watching and the feedback!

[@josepmartiniuixan5443]

Thanks for share your knowledge and your time

[@OoohBoi]

Thanks for watching!

[@mygicarskrsk4465]

so creative! thanks for the wonderful tutorials!

[@OoohBoi]

Glad you like them!

[@Bad_Pizza]

Fantastic video! You have earned a subscriber!

[@rushikeshthawale]

Sending a virtual hug.

[@michaelgrunewalder8425]

Awesome, thanks a lot for sharing. I'll move to part 1 now :-)

[@OoohBoi]

All righty, good luck!

[@bogdansandor]

Thanks again Oooh Boi ;) A question regarding the background images on the buttons. On a live site, would you crop and compress the images to have a smaller file size or does WP take care of that? Since the bg image that you used was 1600x900 and 345 kb.

[@OoohBoi]

I didn't pay too much attention to image size hence the video was not about making images smaller, however, I'd definitely recommend using smaller width/height photos - especially if used for avatars. I guess it's up to you take care of that part.

[@DrKarenHoving]

Terrific - love the button. Is there a way to center the button? Inline seems to pop it to the far left...on my popup I'd rather have it center. I've been mucking about, can't seem to get it to move! Thanks!

[@OoohBoi]

Oh, I guess you forgot about the Column content alignment that affects the inline positioned elements. Here's the setting that should help: imgur.com/a/R7PMKfx

[@DrKarenHoving]

​@@OoohBoi Thanks for this you are amazing! I'm not a website designer -I only design for my own site. Orig site hacked...had to create new site (yes, added security, changed hosting etc). This is the second site I've built with Elementor Pro (OMG I tried wpBakery one site years back I used headway-my animals ran from me -too much swearing and throwing of objects) I'm determined to GET the ins and outs. AND bc of you I've signed up for an online course on HTML5 and CSS3! (OH I'm a mac person too). QUESTION - my elementor looks very different on the page than all the videos -it's dark-am I using a different version? It doesn't matter but it throws me when I see videos...and so many things have changed w diff versions, it makes it tricky when one is a bit clueless. Well...off to watch all your videos. I made a cute popup (well who knows- I'm colorblind it could be a disaster) but this shrink greatly appreciates your help! Namaste, Dr K

[@OoohBoi]

@@DrKarenHoving Oh, dr Karen, we have sooo much in common! Swearing and throwing stuff, choking my teddy bear (you should give it a shot, it's awesome)... Anyhow, just to mention that Elementor has 2 modes; light and dark, so the most likely you're running the latter one. Thanks for watching, write back if need help!

[@aliahmadi8044]

I love your channel!!!!!

[@pellekarlsson152]

Great video Oooh Boi! please can you upload your images you use in the videos

[@bySterling]

So Cool! Is this effects and widgets for sale also? I can’t find your website online and interested in purchasing more of your awesome talents

[@OoohBoi]

This one's not in my Gumroad shop, sorry mate. But today I'll try to push a new video with some new stuff. New free stuff that you'll be able to play with for a while...

[@tomelledge2940]

Please consider turning down the background music in future videos, I don't know about others, but I had a tough time understanding what you were saying much of the time. Thanks!

[@danielschuler7482]

Hi, great and very helpful tutorial. Do you know if it possible to make this border start moving as soon as the person is starting to scroll down? Because that is what I want/need for my page. I am aware that this won't be possible to do in Elementor without coding. I am not a professional webdesigner and I am not able to do this but do you think this can be done and maybe you know who could help? Thanks for any hints!

[@OoohBoi]

I'm afraid that's not possible without coding. Extensive, I dare to say....

[@codestudiobd]

You are just Awesome.Can you share your svg file,please ?

[@gitopaulus6318]

very helpful tutorial, thanks Oooh Boi btw, could you make a tutoriol for text hover animation using css in elementor

[@OoohBoi]

Maybe I could. Is there any reference website that I can take a look at? Just to be sure that I'm not missing the point.

[@gitopaulus6318]

@@OoohBoi just show the way to make hover animation using css in elementor because there is no hover option in default text/title widget in elementor 😄

[@OoohBoi]

@@gitopaulus6318 , to be honest, I don't think that's enough material for a tutorial. You can simply do something like: selector .elementor-heading-title:hover { color: salmon !important; /* or whatever HEX color you prefer */ } Hope it makes sense! Of course, the above code should go to the Custom CSS panel and refers to selected Heading widget.

[@gitopaulus6318]

@@OoohBoi ok, i just wonder maybe you could show us something great with that..hehehe...thanks.

[@theguigoabreu]

Awesome!

[@MDRAIHANUAE]

Good carry on man

[@musaabdulrahman5887]

Just found your channel today and from your tutorials, I have seen how terrible I have been doing.

[@massimilianoriccio3298]

Nice tutorial, I just have a problem ... when I insert the image or a gradient as the background of the button I lose the rounding of the corners. In practice, the button is square! any advice? tks

[@OoohBoi]

From now on there's a button builder feature added to my Elementor add-on named "Butter Button". You can literally design any type of button (flat color, gradient, still image) and animate hover. No need for Elementor PRO, hacks or workarounds, just download and install "Steroids for Elementor" (wordpress.org/plugins/ooohboi-steroids-for-elementor/) and you are ready to go.

[@massimilianoriccio3298]

@@OoohBoi Ok i try, tks!

[@johnmichaelfernandez6025]

Amazing thanks for this :) Im newbie in wordpress

[@OoohBoi]

Welcome to the club!

[@johnmichaelfernandez6025]

@@OoohBoi Thank you Im from Ph:)

[@MahediHassanPranto]

bro i want to know that the images you used as borders how can i find this? what is the keyword to search in google? i am searching a lot but failed to get

[@OoohBoi]

I've made my own, searching for something like that might be a waste of time. Just find some free app that can handle SVG and you'll be good.

[@bishalaryal6339]

Where do i get those SVG files you use in your Videos?

[@OoohBoi]

Oh mate, there are so many vector drawing apps out there, just google for it. In this day and age, every single one of them is capable to export to SVG. I'm a big fan of Affinity Designer but there's also Graphic, Inkscape, Sketch, Sketsa, Vectr...

[@abdallahalqarni6589]

Nice tutorial, thanks. but the background music is a bit high.

[@OoohBoi]

Sorry for that

[@JahinShahriar]

amazing

[@Deejayronin]

Thank you so much for the channel.. it is really good.. just a little note: the background audio is so loud... really annoying

[@OoohBoi]

Thanks! All of my newer videos don't include the background music.

[@khanfaysal993]

please give me an SVG image resource.

[@OoohBoi]

I don't think I have it but Inkscape could be helpful: inkscape.org/

I need all images. Can you give me?

[@OoohBoi]

OMG, this tutorial is sooo old, I don't even have it on my drive anymore, sorry buddy!

[@GrantSpoon]

Excellent and helpful, thank you. I would subscribe if you have an online course. Request.... Lower the volume of the music, slightly annoying. Or change it periodically.

[@OoohBoi]

No background music at all in my new videos.

[@Dhanukakw]

Your background music level is too high

[@sdm9969]

great tutorial , but that music!!!! arghhhhhhhhhhhhhhhhh

[@Uzodesign]

Thank you. Very nice tutorial BUT I'd like to believe that most of us working professionals using Elementor are adults (Men and women) not boys and girls (it's a bit condescending).

[@pizzanerdsoh]

Weird... This was an extremely childish response.

[@Uzodesign]

@@pizzanerdsoh And you're an extreme buffoon.

[@banglabeastfr]

you should stop your background audio, it's boring.

[@thenubianspeaks4329]

wow too much verbage and smacking lips instead of getting to the point

[@rsniagaresources1707]

Boring la bro.. to much talked