FYI, for the padding adjustments in Tablet (07:30) and Mobile (08:00) view, the narration refers to setting percentages when if fact the video shows setting pixels (PX is selected above the padding boxes instead of %).
i got lost when he applied a -90 to the margin on mobile. It passed so quickly that i have troubles understanding that move. why was it necessary to apply a -90 on that margin?
@@sergio_grez setting the top margin to -90px pulls up the section so you aren't wasting precious screen space on the smaller mobile device. Otherwise the gap at the top wider than it needs to be on the smaller screen.
Wow, this is just rude, what happened to your manners. It would be nice and respectful to ask at least. For example; Could you make a video .... .... .... that would be very helpful, thanks a lot!
Well I think more of the same if you see what I mean. It's the settings you use that are very helpful. Actually I didn't like the design at all but that's immaterial. You use padding a lot more and it's handy to understand just how you do things and improve our workflow. So more of the same.. if you see what I mean. The explicit explanations are critical ie don't skip over steps that you think are obvious because they may not be to lesser mortals!
@@neostase Me too..this was my first touch with Elementor, so I have no much idea how to go further and replicate this template...! You'd think they would be as helpful as they can to help new users adopt Elementor over other page builders...but...!?
@@andonisr That's exactly what I feel. To be honest I think Elementor is a great tool, but for image dimensions to import to our designs, we don't have any tutorial whatsoever.. Grids would have helped a lot.. I hope they'll produce some tutorials on how to design "sections" properly in Photoshop. That would definitly unlock our Elementor skills :)
Hey Jeremy, I'm just changing my mind about Elementor and I think I'll start using it. So far I have used WB Bakery page builder, but this is far more intuitive. I just watched another video that I think you may find useful too. It talks about resizing images in 7.50 min. Worth watching the whole vid :ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-btuTznwQYGM.html
Is there a workflow or plugin that would automatically sync the exported local files to wordpress and if I update a file it would automatically update in wordpress? I'm pretty lazy so that's my dream workflow :D
Great video. Thanks. Really helpful. Should be using more pre-design work in PS before going to WP. This will help me. Also, just something I noticed, you are saying % when setting padding etc, but the setting in Elementor is on PX. I'm sure it's not a big deal though.
It would be super helpful to have X Y-axis. I know right where I want something but then I have to jack around with padding to get it where I want it. Maybe I'm thinking about it the wrong way. ?
So I have recently designed a website with Adobe XD, However, I'm unable to resemble it with Elementor, for instance, with Elementor the padding between each section is different compared to the design in XD. How would I create the website accurately? Is there a grid system in Elementor?
Im curious as to what height you used in Sketch when making the templates for the actual design of the website. I realize you said 1200 px for the width but what about the height?
@@Elementor trying to used costum made photoshop buttons, ive tried the buttons widget it works to a certain degree but still cant fully do what i intend to do, the image widget doesnt work for want i want ... and i am currently messing and testing the TP button widget to see if can get the what i want :)
Hi! thank you for everything!!! Just one question. I got lost when you applied a -90 to the margin on mobile. It passed so quickly that i have troubles understanding that move. why was it necessary to apply a -90 on that margin? aren't the different versions (desktop, tablet, mobile) supposed to be independent from one another? so I can set the properties from zero of each view? Why did you decided to compensate with a -90 on that version? Thank you in advance.
Hi, do have reference how to get free resources lightweight video file for background in hero section that we can use for any website project? (including for clients)
Hey, I love the video! In the video, you mentioned that you have a hero image that you already resized in photoshop. I am having trouble in elementor with getting my hero image to fit properly without distorting. How did you accomplish resizing your image for the appropriate dimensions? Are there any tutorials you have on this? I have made a few websites using elementor and this has been a common problem, even if I design a banner in photoshop with a canvas size of 1200x400 Px when I go set up the background for the header it distorts and on tablet/mobile, it does not respond. I have been looking for this solution everywhere. Please help share any advice!
Hello, I would like to know when a template or tutorial on how to make a Neighborhood and City Directory with Elementor will be coming out because I only see for one page sites or for specific category like dentist, lawyer and etc. I love Elementor and I own Pro and watch all your notifications Thank you and I look forward to Carlos do Brazil.
This partly explains why so many of these wordpress templates all look so basic and resemble eachother. This template being shown is soooo basic you dont even need to do sketch first, this is so basic you can do this straight in Elementor.
Please don't ever use oblique type, never ever again, you're hurting the souls of the typography community, and giving a terrible example to a new generation of creators. Actually, the Elementor team should just remove the option from the Typography panel...
![From Design Tool to WordPress [Photoshop, Sketch or Other] - Monday Masterclass](/img/logo.svg){kind=logo}
