- 83
- 131 621
Chris Good
United Kingdom
Приєднався 29 кві 2017
The digital side of your business is an exciting and broad space which, when used effectively, serves as the primary growth and momentum engine for your reach and revenue.
With a primary focus on web design and business optimisation strategy, my aim with this channel is to give you tips and tactics to make the most of digital resources.
Whether you're just wanting to create your own website for your business or you're curious about stepping into web design as a career, you'll find the content of my channel and courses to be a great experience and learning resource.
Please do feel free to subscribe (obviously) and then comment with feedback, questions or requests for a tutorial. Don't stay stuck! Bring it to the comments and let's figure it out together.
With a primary focus on web design and business optimisation strategy, my aim with this channel is to give you tips and tactics to make the most of digital resources.
Whether you're just wanting to create your own website for your business or you're curious about stepping into web design as a career, you'll find the content of my channel and courses to be a great experience and learning resource.
Please do feel free to subscribe (obviously) and then comment with feedback, questions or requests for a tutorial. Don't stay stuck! Bring it to the comments and let's figure it out together.
Three ways to increase your earnings in web design
Want to earn more as a web designer? Here are three actionable tips that you can start using straight away, to give yourself a pay rise!
Looking for the example pricing structure from the video?
iamchrisgood.com/web-design-tutorial/3-ways-to-earn-more-as-a-web-designer/
Need Breakdance?
The ultimate website builder for -and not for- Wordpress.
I now build every project using this builder, due to its better user experience, results, performance and capabilities.
It's currently on sale, and still offering Unlimited Licence! Get it!
Please use my link (no additional cost to you)
breakdance.com/ref/612/
Need Elementor Pro?
Please use my link (no additional cost to you)
be.elementor.com/visit/?bta=13456&brand=elementor
Get Web Hosting with Siteground
www.siteground.com/index.htm?afcode=2ad5630cfe3fc798bbff15e8263bae25
Check out my Udemy Course - UPDATED LESSONS!
Become a "NO CODING" Web Designer
www.udemy.com/course/become-a-no-coding-web-designer/?referralCode=7BC8AF5B3801E273FF0C
Royalty Free Music: Bensound.com/royalty-free-music
License code: IPSQBFEK44ZTMGS4
Looking for the example pricing structure from the video?
iamchrisgood.com/web-design-tutorial/3-ways-to-earn-more-as-a-web-designer/
Need Breakdance?
The ultimate website builder for -and not for- Wordpress.
I now build every project using this builder, due to its better user experience, results, performance and capabilities.
It's currently on sale, and still offering Unlimited Licence! Get it!
Please use my link (no additional cost to you)
breakdance.com/ref/612/
Need Elementor Pro?
Please use my link (no additional cost to you)
be.elementor.com/visit/?bta=13456&brand=elementor
Get Web Hosting with Siteground
www.siteground.com/index.htm?afcode=2ad5630cfe3fc798bbff15e8263bae25
Check out my Udemy Course - UPDATED LESSONS!
Become a "NO CODING" Web Designer
www.udemy.com/course/become-a-no-coding-web-designer/?referralCode=7BC8AF5B3801E273FF0C
Royalty Free Music: Bensound.com/royalty-free-music
License code: IPSQBFEK44ZTMGS4
Переглядів: 119
Відео
How to fix the Expired Link Breakdance Install Issue - 2025 Fix
Переглядів 4621 день тому
If you're experiencing the Expired Link issue when trying to install Breakdance, or other plugins, this should be the fix you need to try first. Let me know how it goes! Need Breakdance? The ultimate website builder for -and not for- Wordpress. I now build every project using this builder, due to its better user experience, results, performance and capabilities. It's currently on sale, and stil...
How to Purchase and Install Breakdance Builder in 5 minutes
Переглядів 8121 день тому
Web design is a very affordable career to move into, and yet it's still worth jumping on opportunities that give you the best tools and easiest pricing for clients. With unlimited Breakdance licenses, you never need to worry about working a website builder fee into your proposals again. Simply craft their awesome site and let them use one of your unlimited licenses. The opportunity won't last, ...
Essential tools for web design in 2025
Переглядів 46321 день тому
Web design is a very affordable career to move into. In this video, I'll show you the free route to getting all the tools you need for the essential web design tasks, as well as showing you the best step options once you have some money to reinvest. 0:00 The areas of web design you need to get tools for 1:20 BONUS TIP: What device do you need for web design? 4:40 What website building software ...
How to do web design in 2025
Переглядів 109Місяць тому
Pulling some thoughts together from the last year and changing up the plan to do web design better in 2025. 0:48 Be open to to using multiple tools in web design 4:38 Choosing better web design clients or billing for PITA 7:43 Earning more in web design with recurring income 9:43 Make time for learning skills related to web design Need Breakdance? Please use my link (no additional cost to you) ...
Skew Image and Content Containers in Elementor
Переглядів 4125 місяців тому
Adding unexpected geometery to a page can really make a design pop -when done tastefully. In this tutorial, we look at how to skew content containers with skewing the content inside, which opens up some awesome possibilities with your designs. Get a written list of the settings for skewed containers here! iamchrisgood.com/web-design-tutorial/skew-image-and-content-containers-in-elementor/ Need ...
Beautiful Hero Section without compromising UX
Переглядів 1685 місяців тому
The home page and hero section are -arguably- the most common entry point on a website and -therefore- arguably an extremely important part of the website; one where user experience and navigation should not be compromised. Yet, it's often the case that the hero section is used as a billboard and the navigation is hidden behind a hamburger menu or -worse- isn't there at all. In this tutorial, I...
Disable Hello Theme Header and Footer
Переглядів 9925 місяців тому
If you've been trying to disable the Hello Theme's header and footer, without success, we're going to cover that in this video. The Hello Theme should be a basic and blank canvas for the use of Elementor Pro users, but unfortunately it looks like our blank canvas is becoming increasingly complicated, as Elementor struggles to define their target audience. Disable the header or footer on any pag...
Wordpress backup and updates in 60 seconds
Переглядів 546 місяців тому
Keeping Wordpress regularly backed up and updated is essential for security and performance. Here is a quick run through if tools and workflow that you can use to air care of each website you care for, in just a few minutes.
Scroll effect image gallery background in Elementor
Переглядів 2,1 тис.6 місяців тому
Create an awesome background effect with an entire image gallery with scroll effect, using Elementor Pro, in 10 minutes! Let's get started! Get the essential settings for each container here: iamchrisgood.com/web-design-tutorial/create-an-image-gallery-background-with-scroll-effect-in-elementor/ Need Elementor Pro? Please use my link (no additional cost to you) be.elementor.com/visit/?bta=13456...
Image gallery background with scroll effect in Elementor
Переглядів 5906 місяців тому
Create an awesome background effect with an entire image gallery with scroll effect, using Elementor Pro. Let's get started! Get the essential settings for each container here: iamchrisgood.com/web-design-tutorial/create-an-image-gallery-background-with-scroll-effect-in-elementor/ Need Elementor Pro? Please use my link (no additional cost to you) be.elementor.com/visit/?bta=13456&brand=elemento...
Using Display Conditions in your Custom Post Type Elementor Templates
Переглядів 9947 місяців тому
In recent videos, we've looked at creating awesome custom post type functionality, blended with templates. In this video, we'll look at how to apply Display Conditions to your template elements, for more dynamic presentation of your posts. Let's get started! Need Elementor Pro? Please use my link (no additional cost to you) be.elementor.com/visit/?bta=13456&brand=elementor Get Web Hosting with ...
Consistent Image Sizing in rows, using Elementor
Переглядів 3217 місяців тому
Keep image sizes consistent in Elementor, by creating a consistent height value in rows. No more staggered or choppy silo sections or carousels. Let's get started! Need Elementor Pro? Please use my link (no additional cost to you) be.elementor.com/visit/?bta=13456&brand=elementor Get Web Hosting with Siteground www.siteground.com/index.htm?afcode=2ad5630cfe3fc798bbff15e8263bae25 Check out my Ud...
Link your Custom CSS to your Global Colours in Elementor
Переглядів 3867 місяців тому
Learn how to link up your Custom CSS with Elementor's Global Colours in Site Settings. What does this mean? It means no more trawling through your Custom CSS when you've needed to switch up a colour in your global palette. Save the time and go and get a cuppa instead. Let's get started! Get the code here! iamchrisgood.com/web-design-tutorial/how-to-link-your-custom-css-to-elementor-global-colou...
Use Custom Colour Menu Items in Elementor
Переглядів 9817 місяців тому
Learn how to create custom colours for individual menu items in the Elementor Wordpress Menu. PLUS, as a bonus tip, I'll show you how to connect your Custom CSS with Elementor Global Colours. Let's get started! Get the code here! iamchrisgood.com/web-design-tutorial/use-custom-colours-for-individual-menu-items-in-elementor/ Need Elementor Pro? Please use my link (no additional cost to you) be.e...
How to make Background Image Hover Effects in Elementor
Переглядів 7338 місяців тому
How to make Background Image Hover Effects in Elementor
How to use Image Hover Effects in Elementor
Переглядів 3858 місяців тому
How to use Image Hover Effects in Elementor
Create Dynamic Team Profiles with Custom Post Types and Elementor Loop Templates
Переглядів 7968 місяців тому
Create Dynamic Team Profiles with Custom Post Types and Elementor Loop Templates
What are Custom Post Types and 5 reasons you should use them
Переглядів 2578 місяців тому
What are Custom Post Types and 5 reasons you should use them
How to build a Testimonial Carousel using Elementor and Custom Post Types
Переглядів 1 тис.9 місяців тому
How to build a Testimonial Carousel using Elementor and Custom Post Types
Create a Lead Capture Form with Elementor Pro
Переглядів 829Рік тому
Create a Lead Capture Form with Elementor Pro
3 ways to create depth effects in your design with Elementor
Переглядів 324Рік тому
3 ways to create depth effects in your design with Elementor
How to make a Filterable Loop Grid Tempate in Elementor
Переглядів 6 тис.Рік тому
How to make a Filterable Loop Grid Tempate in Elementor
Create a call to action pop up and increase conversion using Elementor
Переглядів 915Рік тому
Create a call to action pop up and increase conversion using Elementor
How to use Elementor Nested Tabs to make a contact page
Переглядів 718Рік тому
How to use Elementor Nested Tabs to make a contact page
How Elementor Flexbox affects Pagespeed Score - why you should or shouldn't activate containers
Переглядів 795Рік тому
How Elementor Flexbox affects Pagespeed Score - why you should or shouldn't activate containers
How to create a Header with Elementor Pro
Переглядів 128Рік тому
How to create a Header with Elementor Pro
How to use overlay effects on video backgrounds in Elementor
Переглядів 3,5 тис.Рік тому
How to use overlay effects on video backgrounds in Elementor
Wow ..very good tips...thanks :)
This is precisely what I needed, though I am using PODS for my custom fields. Thank you for the help! Back to working on my portfolio. :)
Glad it helped! I haven’t tried PODs. How would you rate it against ACF?
Thanks for the Breakdance recommendation
You're welcome! It's really the superior builder and I've been very excited with my builds, since using it. :). If you've not yet purchased, please check out my latest video which runs through purchase and install!
I use Pixemator Pro
By the way, Breakdance currently runs even cheaper than your mentioned 300 quids. Actually,these days it's 200 $ for unlimited sites per year. And your price is locked in (So no increasing pricing in thefuture,if you buy NOW)
Chris, thank you so much.this one is truly FANTASTIC 🎉
Hi, thank you...I'm really pleased it has been well received! More on the way!
Amazing! Really helpful, Chris 🙏
Glad it was helpful! This week I’ll be offering some ideas for tools and setup, so do look out for those. 🙂.
Thanks for making this video! It helped me a lot!
Thank you very much, you got a subscriber
I'm really pleased to hear that! ☺
Love this thanks for taking the time to explain
You are most welcome!
Thank you really
thanks man
Most welcome! :)
This was a masterclass on how to deliver Lead Magnets and send emails with just the Elementor Pro form.. this was amazing.. thank you
Thank you, Ivan, I really appreciate your comment. Please do subscribe…I am planning to get much more into tactics and strategy in web design and marketing over the next year…would be great for you to join the journey :). Merry Christmas!
@@iamchrisgood Subscribed, look forward to your videos.. Merry Xmas to you to :)
Effective, clear and straightforward bit rare nowadays in instructional videos...
how did you set up your taxonomies?
Not good for SEO
Thank you...its very helpful
Thank You!! So much easier than other suggestions - even the Elementor support page doesn't have this solution listed.
I'm glad it helped. I'll still add Elementor tutorials and tips on this channel, however I must admit to leaning much more into Breakdance now. But I hope you enjoy upcoming videos.
Thank you for the help ! Site Saver!!! Haha
Ha, really glad to hear that! :)
AGGGGG can not belive it was this all the time, you just made my day, thank you so much!!!!!!!
Glad to hear it!
Is there a way we can download this template? have you used elementor pro? I do not have pro so is there any alternative? thank you.
Hello again! Ha, I just replied to you on your other comment. I'll see if I still have this section on my demo site and add the template export to the page linked in this description. Also, check out 13:30 of this video to see how to aply the skew effect to the whole gallery. As for Elementor Pro...it's advisable that you grab a license for it as it is truly an investment in web design...you should need no other paid plugin for most sites. Delay for a few days and see if they put a Black Friday deal in place! If you do purchase, please do consider using my link in the description. I'll let you know about the template!
You did not show how to add skew effect that makes it like 3D but the tutorial is excellent, it would have been great if we could download this template but will try and make it by watching this video. Thanks
Hello! Ahhh, please check out this version of this video ua-cam.com/video/57jsBBEJs3Q/v-deo.html (the longer version) and pop to around 13:30 where you'll see the skew effect. And a template download is no issue...I'll pop to my demo website and see if I still have that page. If so, I'll export it and add it to the page linked in the description. I"ll let you know here, if/when that happens. :)
actually my column really is stuck...
Hi. Are you still using sections and columns? While this video is still applicable for needing to zoom, if you have not yet converter old section and column layouts to Containers, that would be your fix.
@@iamchrisgood got it all worked out. Not sure where my problems were when I wrote in but I remember I clicked on the actual content of the text and that seemed to reset things. Problem was solved but then I went to classic editor and the whole thing got put into one container and had to rebuild the page. Oy... pain. LOL
@@mannoplanet It's such a relief when you discover the WHYYYYYYYYY!!??! isn't it! Glad it's sorted. :)
Do you know why there is no option to add a background overlay to a featured image inside of a loop grid?
Hi! and thank you for your videos! My question in this one is Is ACF out of WordPress repository? I cannot find it. I only get ACF Extended - Please clarify
Hello! I'm glad you're enjoyhing the videos! So, there has been a bit of upheaval in the Wordpress world recently and ACF was taken over by Wordpress. It is now called SCF (Secure Custom Fields) when you search for plugins in the repository. SCF is good for you to use. However, you can go directly to Advanced Custom Fields website and download their free version. I think you'll be fine with SCF for your needs, which is easier. Does that help?
I think they added it to get you so frustrated that you buy the Elementor Pro... **nts. Thanks for this! ✌
"If you're using anything else, then the big question is why?" 😂 Amazing tutorial Chris👏 I just subscribed!
Thank you! I promise I'll get my butt in gear and be uploading more soon! 😁
This worked. Thanks.
Glad to hear it! 🙂
Thank you. Helped a lot!
Would there be a reason why my ACF fields don't show inside of Elementors display conditions?
i have the same problem. Did you figure it out?
@@AlexanderSkov-jv9yr You can clear the cache using "CTRL + SHIFT + R", it should be working after.
Hi, I'm sorry I didn't spot this to reply. In Elementor, they are not called ACF fields in Display Condition. They're 'Dynamic Tags', right down at the bottom. You should then see the ACF Fields names in the Dropdown for 'Title'. Hope that helps. Please do let me know how you get on. ☺
@ Hi, I'm sorry I didn't spot this to reply. In Elementor, they are not called ACF fields in Display Condition. They're 'Dynamic Tags', right down at the bottom. You should then see the ACF Fields names in the Dropdown for 'Title'. Hope that helps. Please do let me know how you get on. ☺
Very helpful!
Solution: "CHECK YOUR BROWSER ZOOM". First of all, thank you very much, it solved my problem. However, I did have to watch 3 minutes into the video just to get information that could have taken less than 2 seconds.
Zoom in the screen to 100% minute 3:22
Nice idea and an excellent explanation, both of why and how. It breaks the rule of having primary navigation at the top right in favour of showing a stunning hero image, which is a UX compromise. I think half the world are going to initially be looking for a hamburger menu at the top right, and everyone else will look to the bottom to find what's usually at the top! It's a short moment of UX confusion in exchange for almost being forced to first read the headline, then briefly look for navigation, which is only a single click away.
Thank you!!! It was driving me mad expecially on contact form. All the best
You are very welcome!
What I would like to know is what are the exact sizes for those breakpoints.I'll try to explain myself. I usually first design in Adobe XD or Figma and then build in Elementor. I would like to set up screens in Adobe XD that match the real device size named in the Elementor screen sizes. For example if you choose Horizontal Tablet in Elementor breakpoints it still shows you a square screen to design and i do understan the objective of that is to let you design knowing what comes under the real size, but I would like to know how much of that I'm actually gonna see in a real tablet in Horizontal mode with a breakpoint of 1200. So how many pixles is that height? 670px? 680px? 690px??? In Tablet Horizontal breakpoing it also shows you a square which doesn't make any sense. It should show you something similar to mobile. So what I want to do is to create proper sizes of what we can see depending on the device to make better decision, all in Adobe XD of Figma. I know that Desktop is 1920px x 1080px, but I don't know the rest. I know it varies but at least we should get an estimate. Those screens would be Laptop, Horizontal Tablet, Vertical Tablet, Horizontal Mobile, Vertical Mobile, etc. Do you have any idea of how to achieve this?
Hi Sergio, apologies for not replying sooner. The breakpoints are visible in Elementor, in Site Settings. I've just set the 'Mobile Responsive' lesson in my Udemy course to 'FREE PREVIEW'. Feel free to give it a watch and perhaps it will help! You can also set EXTRA devices, rather than the three standard layouts. Do let me know if that helps! www.udemy.com/course/become-a-no-coding-web-designer/?referralCode=7BC8AF5B3801E273FF0C
@@iamchrisgood Hi! I know what you mean, I know I can see the breakpoints in setting, but those are only the horizontal numbers, we should laso get the vertical numbers of that said breakpoint to design in softwares like figma or adobe xd. I managed to create a file after measuring every single possibility tocreate devices screens in Adobe Xd that reflects exactly what I'm looking at in the Elementor editor, but with the missing vertical measurements. Hope I made myself understood better this time hahaha. Thank you!
Ah, I think I see what you mean there. I suppose I regard the responsive design views as only approximate anyway (horizontally) and it is shaped more by consistent margin and padding values...which extends to vertical scroll. I imagine I don't notice it so much as I don't do too much initial design in graphics.
Thank you. It has helped 👍
Nice tutorial! Now elementor Pro lets you name the item ID so it's much easier to code the CSS...
Thanks Adrian...and that's good to know!
Is there a way to have two adjecent sections with different background patterns/images and have the Shape Dividers work so the divider works nicely between the image? Does that make sense?
very good explaining can you me where i can use this i mean for what purpose
Hi, obviously every project is unique. As mentioned in the vid, I would think a place where the images are secondary in focus to something like testimonials (in the foreground) would be a great use. It’s quite useful for communicating a breadth of visual assets….such as templates for sale, perhaps. What do you think you could use it for?
This is pretty basic. But how can i shape divide two sections that have background images? I guess it only works when other section has a plain color
Hi Chris, thanks for these gold nuggets of information. I am getting a lot of value from them. Did you do a video about skewing the image frame? If so, please add the link for it. Thanks again.
Hello good sir! Yes, I did mention in one video that I would record a video on how to create skewed containers for images. I hadn't yet recorded it. But here it is...hope it helps! ua-cam.com/video/I_5zKxqhjzM/v-deo.html
Great info. Just way too fast.
Ha, thank you…there is a longer and slower version of this, which I had uploaded just before….but I felt I was being too slow for people. You may prefer to check that out. Thank you for the feedback. :).
@@iamchrisgood Thanks Chris. I'll check it out. I'm just getting started with Elementor so this is quite advanced for me. 👍
@@WatkinsLK Hi! You may enjoy my Udemy course (which I am just editing update videos for now) as it helps you build a first site in Elementor. Keep going...you'll get there. :)
awesoe!!! thank you
That was so simple! Thank you
Glad it helped!
So in the newest elementor they changed it so you cannot edit directly and only use coding because I really dont have option to change one word color with elementor pro... wtf.. aaahhh its not working only with headline unfortunately...
Hi there....I'm a little confused as the method I've shown in the video (using text editor) is still working. What are you struggling with?
@@iamchrisgood It is not working just with heading text element :) otherwise yes thx
@@kristianzen23 Ah, I see. No, I'm afraid it doesn't. You can use a bit of CSS within the heading content (using a span is easiest across your site) if you'd really prefer to use the Heading element. :)
Love your content but why is it 480p resolution?
Hi Isaac, thanks for the comment! And…I really don’t know! I must admit, I believed it was higher quality, so I’ve clearly gotten into a workflow with a hiccup in there. Have changed things up for latest vid. :)
thank you.The tutorial is very helpful and tricky
Was there anything else you were needing help on there?
Chris Good made a good video about consistent image sizing 🙂. Thanks Chris!
Glad it was helpful!
This is a lovely tutorial would you be able to do it for elementor free
Hi...thank you. I'm afraid it's not something you can do in Elementor as both the form and pop ups are in Pro. Please be careful, also, to check which license you are buying as the most basic version now doesn't have all widgets. You'd need to get the Advanced version, if choosing the actual plugin. I'd recommend it over trying to find workarounds with free alternatives. :)