Convert Figma Design to Elementor WordPress Landing Page - No Quick Method!

In this tutorial, I'll show you how to Convert Figma Design to Elementor. After completing this video tutorial, you will have solid knowledge about How to convert a Figma Design to a Custom WordPress Website Project using Elementor and also How to convert Figma To WordPress Landing Page.
🔺🔺 Another New Tutorial 🥳 Figma to Elementor 🥳 using Elementor Container & Flexbox: • Convert Figma to Eleme...
✅ Part 2: Responsive Design • Elementor Responsive D...
✅ Another complete tutorial Multipage Page From Figma To Elementor: • Figma to WordPress Mul...
✅ Download the Resource file: riadmahmud.com/convert-figma-...
🔴 TOP WORDPRESS DEALS IN 2022 🔴
===============================
✅ Download Astra Pro: riadmahmud.com/ref/astra (SAVE 10%)
✅ Download Kadence Theme: riadmahmud.com/ref/kadence (SAVE 10%)
✅ Download Elementor Pro: riadmahmud.com/ref/elementor
✅ Download LearnDash LMS: riadmahmud.com/ref/learndash
✅ Bluehost Hosting: riadmahmud.com/ref/bluehost ( 60% OFF WITH FREE DOMAIN )
🔴 BEST WORDPRESS PAGE BUILDERS 🔴
=================================
✅ Elementor: riadmahmud.com/ref/elementor
✅ Beaver builder: riadmahmud.com/ref/beaverbuilder
✅ Brizy: riadmahmud.com/ref/brizy
✅ Divi: riadmahmud.com/ref/divi
🔴 BEST WORDPRESS HOSTING 🔴
============================
✅ Hostinger: riadmahmud.com/ref/hostinger
✅ Bluehost: riadmahmud.com/ref/bluehost (60% OFF WITH FREE DOMAIN)
✅ CloudWays: riadmahmud.com/ref/cloudways
✅ WPEngine: riadmahmud.com/ref/wpengine
🔴 CONTACT WITH ME 🔴
=====================
🟢 Website: riadmahmud.com
🟢 Facebook: / riadwebpro
🟢 Facebook Group: / 2190516887945067
🟢 Twitter: / riadmahmud46
🟢 Instagram: / riadwebpro
🔴 Chapters: 🔴
0:00 Introduction
1:26 Preview of the project
3:39 Install Astra WordPress theme
4:23 Install elementor Free plugin
5:15 Start Creating Header and footer with Typography and Other Global Settings
6:22 Create Necessary pages
9:03 Create a Primary Menu
10:31 How to export logo or images from Figma design
12:24 Change the Global Color
15:27 Change the Global Typography
18:25 Build Header Using Astra Header Builder
41:07 Build Footer Using Astra Footer Builder
1:08:30 Start Creating Hero Area
1:28:08 Start Creating Achievement/analytics section
1:34:15 Start Creating Two Column info Section
1:40:30 Start Creating Feature Section
1:56:20 App Setup Process Section
2:08:00 Create Testimonial Section
2:17:17 FAQ's Section or Frequently Asked Question Section
2:31:50 Call To Action Section
2:38:34 Outro
2:38:42 Responsive Design Next Part

Пікірлер: 261

  • @DeepFacts_Pro
    @DeepFacts_Pro8 ай бұрын

    My name is Aqib from Pakistan , I am a big fan of your videos and I just got my first order of 300 dollars after watching your video and I was practicing it, I am very happy with it. I really appreciate your videos. I am very grateful to you sir.

  • @codycode1992

    @codycode1992

    8 ай бұрын

    Aw bhai

  • @RiadMahmud

    @RiadMahmud

    8 ай бұрын

    Aqib, congratulations on your success! 🎉 I'm thrilled to hear about your first $300 order after practicing from my videos. It's amazing to know that the content was helpful in your journey. Thank you for your kind words and support. Wishing you continued success on your endeavors! 🚀😊

  • @WEEZEE01

    @WEEZEE01

    4 ай бұрын

    ​@@RiadMahmudhi dear thanks for the video, I am stuck at editing page I noticed after editing the page I couldn't find EDIT WITH ELEMENTOR, what might have happened?

  • @ob5804

    @ob5804

    Ай бұрын

    @@RiadMahmud figma file doesn't open(( - Unsupported file format

  • @aqib8755

    @aqib8755

    18 күн бұрын

    My name is aqib

  • @RockstahRolln
    @RockstahRolln Жыл бұрын

    I love this video, you really took time out to explain in detail all the necessary elements to create a fully working website from Figma to WordPress. Thank You for this, much appreciated!

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thank you so much for your feedback :) I am Glad it was helpful!

  • @danielfunnels536
    @danielfunnels536 Жыл бұрын

    You just gift me something so special, I started learning Figma after a year of using Elementor, now you've helped me discover how to convert my designs into a pixel perfect website. THANKS!

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Wow, thanks! I'm so glad to hear that 😍

  • @soufianefal7379
    @soufianefal73799 ай бұрын

    I like relaxed, slowed down and unhurried tutorials. thank you, you are very clear and complete.

  • @RiadMahmud

    @RiadMahmud

    9 ай бұрын

    Glad you like them!

  • @laraking804
    @laraking804 Жыл бұрын

    This channel should have hundreds of thousands of followers. This was a fantastic follow along tutorial. Your instructions were so clear and easy to follow. Thank you! Subscribed.

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    I am so Glad you liked it! And this kind of positive feedback helps me a lot to keep doing and publishing videos on a regular basis. Thanks again

  • @rizwanyaseen8016

    @rizwanyaseen8016

    3 ай бұрын

    @@RiadMahmud sir figma file is not downloding properly hlep me please

  • @rizwanyaseen8016

    @rizwanyaseen8016

    3 ай бұрын

    This tutorial have solved my problem

  • @modernizemysite
    @modernizemysite Жыл бұрын

    Very helpful! Thank you!

  • @lykajane2589
    @lykajane2589 Жыл бұрын

    Riad! This kind of tutorial is exactly what I am looking for. I appreciate all your work and you deserve more followers and views. I subscribed in your channel! Keep going.

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Glad it was helpful!

  • @isaacprosper6295
    @isaacprosper6295 Жыл бұрын

    I love it when skilled indians speak english so the cotent can reach a larger audience and help more people....thanks

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    You are most welcome 🙏 😊

  • @zahidulremon

    @zahidulremon

    Жыл бұрын

    little correction. He is from Bangladesh brother

  • @LabibliaAI
    @LabibliaAI7 ай бұрын

    Love this video, is my first time here and i love how you explain everything, you did it great, congrats for your first time in camera! ;)

  • @RiadMahmud

    @RiadMahmud

    7 ай бұрын

    Glad you liked it!!

  • @Dev-j3l
    @Dev-j3l7 күн бұрын

    You should be awarded for this Man...what a tutorial...loved it

  • @RiadMahmud

    @RiadMahmud

    3 күн бұрын

    I appreciate your feedback Dev!

  • @tirtharajbhowmik8138
    @tirtharajbhowmik81384 ай бұрын

    Riad, you are an amazing instructor. I just learned Elementor from your video. I'm recommending this video to all of my fellow devs. Tons of love and blessings from Kolkata.

  • @RiadMahmud

    @RiadMahmud

    4 ай бұрын

    Much appreciated!❤️

  • @ASUstudiodediseno
    @ASUstudiodediseno8 ай бұрын

    Gracias profe Riad

  • @prabu2778
    @prabu2778 Жыл бұрын

    Really appreciated

  • @GamerzzBeta-ew4pp
    @GamerzzBeta-ew4pp2 ай бұрын

    Mashallah brother you are really awesome..... No boring, no fast only learning... I really like your tutorial...

  • @RiadMahmud

    @RiadMahmud

    2 ай бұрын

    Alhamduliallah brother it's my pleasure 😍🤩 I'm so glad to see your feedback.

  • @aubowanshop
    @aubowanshop Жыл бұрын

    One of the best tutorial. Thank you so much. Keep it up. Wish you all the best from Sri Lanka 🇱🇰🇱🇰🇱🇰

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Glad it was helpful! 😍

  • @TanjirChowdhuryFahim-ms5zm
    @TanjirChowdhuryFahim-ms5zmАй бұрын

    Bro One of the best tutorials out there.

  • @RiadMahmud

    @RiadMahmud

    Ай бұрын

    I appreciate your feedback brother

  • @lodeluyckx
    @lodeluyckx Жыл бұрын

    Thank you for this amazing tutorial!

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    You're very welcome!

  • @jahirrana8879
    @jahirrana887911 ай бұрын

    This video is very helpful who want to know everything of customization.

  • @RiadMahmud

    @RiadMahmud

    11 ай бұрын

    Thank you so much for your feedback brother

  • @voboghure-dev
    @voboghure-dev Жыл бұрын

    I like your presentation. Mark it watch later as its a long duration video. Will complete it. Keep up the good works.

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    I'm so glad to see your comments here brother 🥰🤩

  • @liosdigital802
    @liosdigital802 Жыл бұрын

    This is my 1st video in your channel. And I already subscribed. Comment after 2:40:00 Hours. Still not felling bad. Just awesome tutorial🔥❤️

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Awesome! I'm so glad that helps 😍 Thank you!

  • @spid3r705
    @spid3r705 Жыл бұрын

    very helpful and informative, thanks !

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thanks brother for your valuable feedback 😍

  • @englishconversationschool
    @englishconversationschool Жыл бұрын

    Outstanding... Waiting for more project like this

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thank you 😊 💓

  • @saifulislam-vy3ks
    @saifulislam-vy3ks Жыл бұрын

    Thank you so much

  • @tinydream
    @tinydream Жыл бұрын

    This is very helpful, thank you!

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Glad it was helpful!

  • @mrzeshanriaz
    @mrzeshanriaz Жыл бұрын

    Masha Allah. Adorable😍

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    🥰🤩

  • @jfbeaulieu420
    @jfbeaulieu420 Жыл бұрын

    Very nice video! I'm personally use Elementor Pro with Hello Theme. Pretty much everything that you can set in Astra can be set into Elementor Pro itself (global styling). With the containers that replace sections, it’s even easier to align stuff on all devices just using Elementor. So I can't really find Astra very useful when Elementor give pretty much all the same options. And I'm pretty sure that Hello is lighter than Astra. Other than that, I learned some good stuff on the Figma side on how to grab the info needed to add to Elementor for each element of the template. I'm starting the built of your design with Elementor Pro and Hello Theme and I'll send you the link to see it. I would like your advice on it if you have time. Thanks again !

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Hello Jean, Thank you so much for your feedback. I really appreciate your feedback and suggestion. I completely agree with you about the combination of the Hello theme and Elementor pro. It's a great match but do have some limitation with the WooCommerce. And yes, you can add each and every single global color & typography from the Elementor pro. Actually, most of my audience is new to this industry and my goal is to teach them how to use free resources as a beginners so that they can at-least start their journey using WordPress. I do have some plan to release series tutorial and complete projects using the Elementor pro and Hello theme. After uploading some more basic tutorials on this channel. I am so glad to hear that you start your design using Elementor pro and my given figma. I'm so excited to watch the final result. Feel free to share your website on this email contact@riadmahmud.com Thank you so much again :)

  • @saketgunjansrivastava7900
    @saketgunjansrivastava7900 Жыл бұрын

    You are doing great work....Please keep it up😍

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thanks you so much 💓 please feel free to share this video with your friends and colleagues 😊

  • @bhushan_366
    @bhushan_366 Жыл бұрын

    very impressive.. watched till the end

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    I am so glad to hear that 😍

  • @johnshakunle
    @johnshakunleАй бұрын

    I really appeciate this video you've made. I found it just in time and it helped me in a just completed project

  • @RiadMahmud

    @RiadMahmud

    Ай бұрын

    That's awesome! I am so glad to hear that :)

  • @ryancristopher
    @ryancristopher Жыл бұрын

    Nice work Riad . I really appreciated it. New subscriber here😃

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thanks for the subscribe 😍

  • @user-ch4mp2uo5n
    @user-ch4mp2uo5n9 ай бұрын

    Great tutorial! thank you

  • @RiadMahmud

    @RiadMahmud

    9 ай бұрын

    Glad it was helpful!

  • @moudyhassan9618
    @moudyhassan9618 Жыл бұрын

    brilliant work thanks a lot a appreciate it i really learned a lot from you bro thanks and may allah bless you thanks

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    I am so glad to see your feedback, brother. It's my pleasure

  • @AfriTimes
    @AfriTimes Жыл бұрын

    You are the best

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thank you dear :)

  • @BikerOnIncognito
    @BikerOnIncognitoАй бұрын

    Thank you so much man

  • @RiadMahmud

    @RiadMahmud

    Ай бұрын

    Happy to help

  • @blackmaskgirlgaming4722
    @blackmaskgirlgaming4722 Жыл бұрын

    Thank you. Bro helping alot....

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Always welcome 😍

  • @leonidasmichalopoulos1531
    @leonidasmichalopoulos1531 Жыл бұрын

    That was an awesome video and I learned a lot for sure great work my friend! Make in a future video show us how to make this website responsive for mobiles. Absolute elements usually aren't work well enough on mobiles. Cheers!!

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thanks for your feedback 🥰🤩 I have already published responsive video regarding this project 😀

  • @orchidsignature2510
    @orchidsignature25102 ай бұрын

    Very helpful video

  • @RiadMahmud

    @RiadMahmud

    2 ай бұрын

    Glad it was helpful!

  • @Luckyseif
    @LuckyseifАй бұрын

    thanks, vai, for my first steps and my goal, thank you, boss, and I love Riad Mahmud

  • @RiadMahmud

    @RiadMahmud

    Ай бұрын

    You are most welcome

  • @Sofia-richardson
    @Sofia-richardson Жыл бұрын

    Hello, I'd want to thank you for providing yet another excellent video lesson. I've been studying your video tutorials for a long time. I am now working on a project in this subject that has brought some difficulties. I started hunting for a solution and discovered the ElementsReady Elementor add-on. As a consequence, the builder's full potential is fulfilled, enabling the installation of hundreds of widgets and plugins to develop powerful WordPress websites in any genre or market. You may give it a go. Consider the idea of love.

  • @shamimkabirkazim362
    @shamimkabirkazim362 Жыл бұрын

    Thanks brother 🔥keep on

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Always welcome

  • @fahmimizanapurbu6505
    @fahmimizanapurbu6505 Жыл бұрын

    great tuto , thanks a lot

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    You are welcome!

  • @ShamimWebCraft
    @ShamimWebCraft Жыл бұрын

    thanks bro

  • @digitalnomad29
    @digitalnomad2910 ай бұрын

    Great video

  • @RiadMahmud

    @RiadMahmud

    10 ай бұрын

    Glad you enjoyed it

  • @lutfarrahmandhk
    @lutfarrahmandhk Жыл бұрын

    Thanks

  • @KiddosRead
    @KiddosRead7 ай бұрын

    i can tell youre a people.pleaser man. youre doing so good dont worry

  • @RiadMahmud

    @RiadMahmud

    7 ай бұрын

    I am so glad to hear that :)

  • @todayanalysis4355
    @todayanalysis4355 Жыл бұрын

    Very nice video!

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thank you! Cheers!

  • @herdayboyehasiru2933
    @herdayboyehasiru29334 ай бұрын

    I am subscribing to this channel right away, this is the best channel I ever came across. Thank you so much for sharing this, it's really helpful. Can you please do a full tutorial on how to create an E-commerce website using Wordpress and Elementor builder? Thank you

  • @RiadMahmud

    @RiadMahmud

    4 ай бұрын

    Wow, thank you! I am so glad to hear that. I have published a complete tutorial regarding the eCommerce website using Astra pro and Spectra. You can skip the Spectra part but the eCommerce part from Astra will be helpful for you.

  • @bijoybiswas2473
    @bijoybiswas24732 ай бұрын

    from bangladesh,thanks

  • @RiadMahmud

    @RiadMahmud

    2 ай бұрын

    I'm also from Bangladesh 🇧🇩 brother!

  • @RiadMahmud
    @RiadMahmud Жыл бұрын

    Hey guys HD quality is processing it will take some time to get the HD quality because the duration is almost 3 hours.

  • @aaishu7931

    @aaishu7931

    Жыл бұрын

    Hey there! Can you please share the figma file being used?

  • @THEMASKEDENGINEER

    @THEMASKEDENGINEER

    Жыл бұрын

    ​@@aaishu7931he can't that's a customer website he is working with. It's against the regulations.

  • @jnayeem08
    @jnayeem08 Жыл бұрын

    It's amazing!!! I am following you on your Bangla youtube channel. I was wondering why you are not making any more content. Then I found your recent channel. Thanks for your amazing tutorial.❤

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Vai the lesson is: Do not start partnership business with relatives and friends 😅 if they are not matured enough to understand how business grows.

  • @jnayeem08

    @jnayeem08

    Жыл бұрын

    @@RiadMahmud Don't worry brother. We may face difficulties in our life but that should not stop us. We have to move forward. May Allah help you brother.❤️

  • @alifaismail8008
    @alifaismail8008 Жыл бұрын

    thanks a lot

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    You are most welcome 😊

  • @mohammedadamugarba9376
    @mohammedadamugarba9376 Жыл бұрын

    Nice one bro

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thanks 🔥

  • @meharali8027
    @meharali8027 Жыл бұрын

    Assalam-O-Alaikum Sir Riad Mahmud. Hope you are doing fine. Very helpful and informative video for me. My second project has been started on your channel. I am very happy. Keep it growing sir. Always be happy and keep smiling Dear Sir.

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Walaikumassalam brother. I am so glad to hear that it was helpful.

  • @meharali8027

    @meharali8027

    Жыл бұрын

    @@RiadMahmud Sir Are you from India

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    @@meharali8027 No brother. I am from Bangladesh

  • @mdnurulhakim3144
    @mdnurulhakim3144 Жыл бұрын

    Very good video

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thanks for the visit

  • @dirkjanssen2009
    @dirkjanssen2009 Жыл бұрын

    Hello Riad thank you very much for your extended step-by-step tutorial. It was easy to follow and your instructions will help me a lot. I just wondered as you were using the grid layout in Figma is it possible to overlay the same grid settings as an overlay in elementor for instance using a plugin ? Not sure if such a plugin even exists ? Thanks again. 👍👍👍

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Hi there, thanks for your valuable feedback. Unfortunately there is no complete solution or automated system for this. However there are few figma plugins but they are not really helpful and dedicated they have dependency to their theme and plugins. But if really want to learn WordPress or want to provide services to your clients then I highly recommend you to watch step by step tutorial (not quick import template process) you can learn them later but first learn the basics and how it works under the hood.

  • @fmbfahim4356
    @fmbfahim4356 Жыл бұрын

    thanks

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    You're welcome!

  • @user-yo2ku6pp9i
    @user-yo2ku6pp9i4 ай бұрын

    Thanks for the great video, can the animations be included in figma?

  • @RiadMahmud

    @RiadMahmud

    4 ай бұрын

    Not that I know of

  • @Mintsel
    @Mintsel11 ай бұрын

    Hi what if you have effects like parallax in figma and want to import it into WordPress?

  • @RiadMahmud

    @RiadMahmud

    11 ай бұрын

    You have to manually export from figma and then apply manually inside Elementor. There no quick or automatic way.

  • @Crx79Remix
    @Crx79Remix Жыл бұрын

    Hello I need help. I want that when i hover on image, hover effect attend on another element. How can i do that?

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    You can achieve this features using some custom CSS code.

  • @rafglis
    @rafglis Жыл бұрын

    Hi Riad good day can you do a Widget Customization? ex. testimonial widget changes Arrows placement, Avatar Placement etc. that will be a great content..

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Hey Raffy thanks for your comments. If you could send me more specific information, that would be great to create and focus those point on your suggested video.

  • @zoot3653
    @zoot3653 Жыл бұрын

    So everything has to be done manually? I thought there would be few plugins that can help to automate all the process

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thanks for your comments, but unfortunately there is no automated process.

  • @Itanda
    @Itanda Жыл бұрын

    can you create a video about creating the above figma design

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Actually I am not expert in figma. I do have team. And I know the basic things about the Figma.

  • @thematrix29
    @thematrix29 Жыл бұрын

    Awesome tutorial man! Question. Can we export our figma design in a separate file(lets say json file) and then import it in elementor instead creating a new column and adding the sections?? or we are only able to do that using Fignel?

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    You are most welcome :) There is no complete solution for converting your figma design into WordPress. However, if you want you can use Fignel, but it will still do not complete your task 100%. However, for better performance and optimization I'd rather go with manual process as of now :)

  • @msmservices349
    @msmservices349 Жыл бұрын

    very useful step by step tutorial: in my case, header is not working on Mobile and Tablet view, is there any solution, please.

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Which theme you are using? Make sure you have added menu and assign it as off-canvas or mobile menu

  • @fara3540
    @fara3540 Жыл бұрын

    Great video👍. I learn a lot about Astra theme in this video. I have a question about Astra theme. Do I need to install Elementor plugin regarding using Astra theme? or Astra theme can stand alone without Elementor? because I see in the video you don't use "edit with Elementor" at all, instead "edit" in Astra? Correct me if I'm wrong. Thank you so much🙏

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    You can use Elementor or Gutenberg. However, most of the third-party plugins are compatible with the Astra theme.

  • @iissooorg
    @iissooorg7 ай бұрын

    Please Tell Me how you get Vector designs For the Project ??

  • @RiadMahmud

    @RiadMahmud

    7 ай бұрын

    It was created using AI and some of them are collected from different source.

  • @diobrando011
    @diobrando011 Жыл бұрын

    Hello man! I created in Elementor my page, and in mobile version between Main page and footer are some empty space. What i need to do, to stick my page to footer? On other pages everything is fine.

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    You have to add some custom CSS & JS for this. Unfortunately, there is no video related to this inside my channel.

  • @sifbenjelloul
    @sifbenjelloul Жыл бұрын

    Hi sir, thank you for the presentation, very helpful, please i would to change the color of the footer with Css, can you please help me ?

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Send me proper information with the website url on our Page.

  • @sifbenjelloul

    @sifbenjelloul

    Жыл бұрын

    Thank you so much mister Riad, i sent you a message in Messenger

  • @OlivierPovel
    @OlivierPovel Жыл бұрын

    Do I need Astra Pro to do this? At 21:19 you can select layout options which I cannot select with the Astra free version.

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Here I am using only Free version you can click on the Astra icon from the Dashboard to view those settings, and it's available in free version.

  • @OlivierPovel

    @OlivierPovel

    Жыл бұрын

    @@RiadMahmud Thanks. Love your courses by the way!! Keep up the very good work!!

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    @@OlivierPovel I appreciate your feedback

  • @herdayboyehasiru2933
    @herdayboyehasiru29332 ай бұрын

    I spent a lot of time on your videos, its more valuable and worth every time spent. But is it possible to get a free hosting for practice and for tutorials?

  • @RiadMahmud

    @RiadMahmud

    2 ай бұрын

    I am so glad to hear that. You could try tastewp.com

  • @herdayboyehasiru2933

    @herdayboyehasiru2933

    2 ай бұрын

    @@RiadMahmud Thank you so much, i will look into it 🙂

  • @TechStudio404
    @TechStudio404Ай бұрын

    Thank you for the outstanding tutorial. where are you from?

  • @RiadMahmud

    @RiadMahmud

    Ай бұрын

    You are most welcome :) I am From Bangladesh. And you?

  • @TechStudio404

    @TechStudio404

    Ай бұрын

    @@RiadMahmud Me too.

  • @RiadMahmud

    @RiadMahmud

    Ай бұрын

    I am so glad to hear that brother

  • @kusalkavinda301
    @kusalkavinda3018 ай бұрын

    Hi, your teaching level is really superb and it is really understandable. I have a doubt, in this video when designing the hero part you're applying a inner section which does not have in my elementor. can you please explain that one. It is on 1:11:00 time at the video.

  • @RiadMahmud

    @RiadMahmud

    8 ай бұрын

    I assume that you are using container flex box layout in your website, that's why it doesn't have inside your website. But you can put container inside the container like the inner section.

  • @kusalkavinda301

    @kusalkavinda301

    8 ай бұрын

    Appreciate @@RiadMahmud. I solved it 😊

  • @shakibkhan1921
    @shakibkhan1921 Жыл бұрын

    Woocommerce ar advance course ashar kotha cilo ager channel but ashe nai...vai woocommerce ar advanced course niye ashle valo hoy

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Will share soon :)

  • @ultimategamingshots8031
    @ultimategamingshots8031 Жыл бұрын

    Sir why do you use Astra theme with Elementor instead of Hello Theme?

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    If you want to use Hello Elementor then you have to use Elementor pro. Hello Elementor is perfect for Elementor pro. But in this video I didn't use Elementor pro. I have only used Elementor free version. For this reason I'm using Astra theme here :)

  • @alltrad3s
    @alltrad3s Жыл бұрын

    Bro which camera are you using? It looks so sharp

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Hey I am using canon m50 with sigma lens

  • @rishisinsights
    @rishisinsights Жыл бұрын

    How to convert jitter animation to wordpress please tell me..?

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Sorry I haven't use that before. Will look into this.

  • @diobrando011
    @diobrando011 Жыл бұрын

    Hello! Sorry for my English. I have a problem. I am using astra. My burger menu not working on tablet and phone. When i was creating a site, everething was okay. But now, for some reason it stopped working.. What i should do?

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    In most cases, this kind of issue happens due to the caching/optimize plugin. You can start basic debugging process to see how it works and which one causing this issue.

  • @diobrando011

    @diobrando011

    Жыл бұрын

    @@RiadMahmud Oh.. I don't know how to do debugging process!

  • @diobrando011

    @diobrando011

    Жыл бұрын

    @@RiadMahmud My problem was solved! I added toggle button, but forgot to add Off canvas menu. Astra support team showed me how to solve my problem.

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    @@diobrando011 That's awesome, man. I am so glad to hear that :), and thanks for your update here.

  • @mahimkhan4316
    @mahimkhan43168 ай бұрын

    How can I upload my figma design on my domain/ website? Please help

  • @RiadMahmud

    @RiadMahmud

    7 ай бұрын

    The same that I have shared here. If you want any specific help then feel free to email me.

  • @sharjeelarshad5899
    @sharjeelarshad5899 Жыл бұрын

    Is webflow better then elementor for custom websites

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Webflow is completely different and it requires a lot of knowledge. If you are not familiar with coding then it will little bit hard for you as a beginner. However, in the meantime elementor is easier for you.

  • @rk6tk
    @rk6tk Жыл бұрын

    great gob I suggest : remove the Face Cam and show it as needed, and thank you

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Yes will do it. Thanks for your suggestion 😊

  • @jyotibarasker2792
    @jyotibarasker27923 ай бұрын

    Hi, your videos are great can u please share your figma link with us it will be very helpful for me for practising.

  • @RiadMahmud

    @RiadMahmud

    3 ай бұрын

    I am so glad to hear that you like this series. For the Figma file, please email me at contact@riadmahmud.com

  • @roykim1170
    @roykim1170 Жыл бұрын

    Tried it, but seems like styles are produced in pixels, not rem. The only tool that produced rem was function12..

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    You can use this converter www.ninjaunits.com/converters/pixels/pixels-rem/

  • @borisvasquez4353
    @borisvasquez4353Ай бұрын

    Hi sir, greetings from Peru, sorry to bother you, but i need a paid pluggin or something plus to achieve this?

  • @RiadMahmud

    @RiadMahmud

    Ай бұрын

    Hey thanks for your comments. Here I am using all free plugins for making this tutorial.

  • @fahimmursheed
    @fahimmursheed Жыл бұрын

    Awesome!

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thank you! Cheers!

  • @faisalahmad100
    @faisalahmad100Ай бұрын

    Can i get the Figma link.. It’s very helpful for me and I'm your regular student. Please sir🙂

  • @RiadMahmud

    @RiadMahmud

    Ай бұрын

    Please email me at contact@riadmahmud.com

  • @peternjuguna1067
    @peternjuguna10674 ай бұрын

    helo, the file does not open after downloding the resource files

  • @RiadMahmud

    @RiadMahmud

    4 ай бұрын

    Thank you for your comments. I just verified that it's working and it's a .fig or figma file. You have to upload that figma file inside your figma account to view that design.

  • @nurhuda386
    @nurhuda386 Жыл бұрын

    videos is low quality ! pls do high quality. thanks for project

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Thanks for your comments brother, HD quality is processing it will take some time to get the HD quality because the duration is almost 3 hours.

  • @nurhuda386

    @nurhuda386

    Жыл бұрын

    @@RiadMahmud ♡ ♥💕❤

  • @saad_webdev1999
    @saad_webdev199910 ай бұрын

    sir figma ka link konsa ha? please tell me

  • @RiadMahmud

    @RiadMahmud

    10 ай бұрын

    I have already shared called Download resource file

  • @mahedihasanmahmud8329
    @mahedihasanmahmud8329 Жыл бұрын

    Thanks for the tutorial but your cam was covering more than 20% of the screen and it was really annoying. Please take it as a suggestion instead of a criticism.

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Most welcome buddy :) Yes I realize that and on my latest video I didn't place my face ;) Thanks for your suggestion.

  • @sahelarima3705
    @sahelarima3705 Жыл бұрын

    Now it's on HD format. Who sent you the coffee? ❤❤

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    It was you 😅

  • @hifzaa_amin
    @hifzaa_amin11 ай бұрын

    Hi, how can i access this design which you're using in this video from figma?

  • @RiadMahmud

    @RiadMahmud

    11 ай бұрын

    I think I have shared it inside description :|

  • @hifzaa_amin

    @hifzaa_amin

    11 ай бұрын

    If we want any other figma file then?

  • @hifzaa_amin

    @hifzaa_amin

    11 ай бұрын

    ​@@RiadMahmudafter extracting its not opening

  • @anayachaudhary426

    @anayachaudhary426

    10 ай бұрын

    ​@@RiadMahmud sir itna Sara descriptions mn link hn in mn figma ka link Konsa ha plzz reply me as soon as possible

  • @RiadMahmud

    @RiadMahmud

    10 ай бұрын

    @@anayachaudhary426 brother it's called download the resource file

  • @tuhinhossain9915
    @tuhinhossain99159 ай бұрын

    How to download Adobe xd software. Please help me.

  • @RiadMahmud

    @RiadMahmud

    9 ай бұрын

    There is no need to use adobe zd for this video. You you can simply download the resource file from the description and start following the video

  • @tuhinhossain9915

    @tuhinhossain9915

    9 ай бұрын

    @@RiadMahmud I know but I need Adobe XD for practice. I'm searching from KZread but I'm failed. If you have Adobe XD Software please send me. Thanks.

  • @Cave214
    @Cave2145 ай бұрын

    How to download that review png images

  • @RiadMahmud

    @RiadMahmud

    5 ай бұрын

    you can download all of them from the resource link

  • @Cave214

    @Cave214

    5 ай бұрын

    @@RiadMahmud can you tell me what you search on Google to find this kind of review png icon/images

  • @kirk59
    @kirk593 ай бұрын

    Could not download the figma resources as file did not work in figma even after unzip. What a shame as it would have made the learning much easier and interactive.

  • @RiadMahmud

    @RiadMahmud

    3 ай бұрын

    You have to upload that .fig file inside your figma account.

  • @programaravijhit7162
    @programaravijhit7162 Жыл бұрын

    crocoblock প্লাগিনগুলো নিয়ে একটি সিরিজ টিউটিরিয়াল চাই

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    I have some plan for this. Hopefully will release soon ;)

  • @raheel255

    @raheel255

    Жыл бұрын

    @@RiadMahmud bro have you started the Croco block tutorial so far,?plz inform if so.

  • @kamaboko1
    @kamaboko17 күн бұрын

    Couldn't get WPForms to work for the subscribe form. Anyone else have this issue? Also, I don't have access to "inner section" in Elementor.

  • @RiadMahmud

    @RiadMahmud

    3 күн бұрын

    Currently Elementor do not have inner section. But you can follow the same steps using container module/Elements from Elementor.

  • @kamaboko1

    @kamaboko1

    2 сағат бұрын

    @@RiadMahmudGiven that this tut is a year or more old now, I wonder if many things have changed with Astra, Wordpress, Elementor, etc., that some things just don't work anymore. For instance, when closing the toggle menu using flyout, the bottom half of the menu without links turns white upon retraction. It looks terrible. I've tried solving this problem for hours and nothing works. Furthermore, the button and widget in the nav bar will not adhere to global button settings. In particular, the border radius as it applies to the button presets. Nothing happens. No changes. I'm not a novas to web development. I've worked with React, Node, Python, JS, AWS, SQL, Mongo, etc., for years. I was just curious about Wordpress to see how it works.

  • @rmzainali7462
    @rmzainali7462 Жыл бұрын

    Bro apki figma file open ni ho rai tell me how can I open this fie

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    Bro You can open or download the file from resource folder.

  • @rmzainali7462

    @rmzainali7462

    Жыл бұрын

    @@RiadMahmud bro resource file open hi ni ho pa rai

  • @nailakhalid956
    @nailakhalid956Ай бұрын

    Are you from bangladesh?

  • @RiadMahmud

    @RiadMahmud

    Ай бұрын

    Yes, I am from Bangladesh.

  • @nailakhalid956

    @nailakhalid956

    Ай бұрын

    @@RiadMahmud tutorial was amazing 👍🏻 learnt many new things, thank you 😊

  • @RiadMahmud

    @RiadMahmud

    Ай бұрын

    @@nailakhalid956 I'm so glad to hear that 😊

  • @chronicleph94
    @chronicleph944 ай бұрын

    is astra template is free?

  • @RiadMahmud

    @RiadMahmud

    4 ай бұрын

    For this video I have used free version. But it has the pro version for more flexible features.

  • @chronicleph94

    @chronicleph94

    4 ай бұрын

    ​@@RiadMahmud I'd like to try an Astra for my projects now, but I'm not sure about the white color background its pure white. I don't know what the issue is.

  • @RiadMahmud

    @RiadMahmud

    4 ай бұрын

    You can change the background color from the Customize > Global > Color

  • @maruf028
    @maruf028 Жыл бұрын

    Bhai container diye krle valo hoito 😔😞

  • @RiadMahmud

    @RiadMahmud

    Жыл бұрын

    There are still some bugs in the container elementor beta version. I was trying to use that, but it doesn't work as expected. Hopefully, I'll create a separate video for the container layout.