![From Design Tool to WordPress [Photoshop, Sketch or Other] - Monday Masterclass - Sites on WordPress](https://i3.ytimg.com/vi/bd6agRxR5Sk/maxresdefault.jpg)
From Design Tool to WordPress [Photoshop, Sketch or Other] - Monday Masterclass - Sites on WordPress
video description
Date: 2022-04-30
Related videos
Comments and reviews: 10
Rell's
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!
reply
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!
reply
Sergio
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.
reply
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.
reply
Erica
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!
reply
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!
reply
Rawad
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?
reply
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?
reply
Jeremy
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.
reply
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.
reply
C-cile
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...
reply
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...
reply
BG
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.
reply
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.
reply
Kevin
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 %).
reply
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 %).
reply
Tom
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
reply
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
reply
Jamison
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. ?
reply
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. ?
reply
Add a review, comment
Other channel videos
