4,9 based on 300 reviews
Trusted by 1500+ businesses and student of all shapes and sizes
Free Course
4,9 based on 300 reviews
Trusted by 1500+ businesses and student of all shapes and sizes

Create A WordPress Website Using The Divi Theme

Important links

Get Webhosting
Get The Divi Theme
Download The Images I Use In The Tutorial
Divi Examples
Divi Filter Examples
Divi 4 Layout Pack
Divi Header And Footer

Different logo on fixed header

.et-fixed-header #logo {
content: url(https://yourdomain.com/wp-content/uploads/logo.png);
}

Change Height Of The Fullwidth Slider

.et_pb_slide {
height: 100vh;
}

Footer text

© 2024 | Ferdy Korp | Disclaimer | Privacy Policy Webdesign: Ferdy

Blurb CSS

border: 1px solid #3194c8;
padding: 25px;
border-radius: 4px;

Blurb Animation CSS

.animation-blurb.et_pb_blurb:hover {
background: #315669;
transition: all 1.0s ease-in-out 0s;
}

Remove Sidebar Border

.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

Contact Form Sum Color

.et_pb_contact_captcha_question {
color: #FFF;}

Black Title

h2 a{
color: #000000;
}

Contact Form Sum Color

.et_pb_contact_captcha_question {
color: #FFF;

Sticky Header Theme Builder

#divi-sticky-header {
	top: 0;
	width: 100%;
	z-index: 99 !important;
}

2 Buttons Side By Side

.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

Vertically Center Content

.et_pb_equal_columns .et_pb_column {
margin-top: auto;
margin-bottom: auto;
}

Padding Teammember

.et_pb_team_member_description {
	padding: 20px;
}
SCROLL TO THE ANSWER

Timestamps

85 thoughts on “Create A WordPress Website Using The Divi Theme”

  • HI Ferdy,
    Thank you so much for your explanation!
    How is it possible that my builder shows other things then the normal site? I got one tab with the builder and one tab with the builder of (the page customers see), they are different, like the marges.

    What do i do wrong?

  • 2024-05-13 16:40:28

    Hello,

    Your link for /amstuff is broken. I am not able to access the download files to continue following your Divi/Wordpress Tutorial.

  • Hi Freddy,

    Thank you for your wonderful effort and guidance. Going through the https://www.youtube.com/watch?v=tSb5xKeqNKc video to build my site in divi. Very early stages but hopefully will be able to build something nice gurugyan.net

  • Hello Ferdy,

    Fantastic content. Thank you so much. I currently have a website that is managed. I would like to follow your steps to create an updated website and drop my managed service.

    I would like to first create the website, and then when I am happy with and tested it would then redirect my domain to this new website. What is the best process to accomplish this without losing the back links and domain authority I have established with my existing domain?

    Thanks in advance

  • you put out some great work from which i learned quite a bit. disabled my adblocker on your sites.

  • Hi Ferdy, thanks so much for your Divi tutorials! I’m learning a lot! I am working on the Advantage one but I seem to be missing pictures that you are using from the images tutorial ‘how to make a website 2022’. Missing the Bebe, Keri lotion, etc also background stroke and circle. I believe there is more missing but can’t read it off your video!
    I did your create a portfolio video thinking that it would be the portfolio of the cosmetics but it was the wedding. I’m new so getting confused as the cosmetic one looks different and then you duplicate it and add more etc. Hard to follow or am I totally missing something?! Which could be the case!
    Looking forward to finishing you’re other tutorials! Thanks for your help!

  • Hi Ferdy,

    Thank you very much for your great Divi-tutorials. I am a noob in making websites and it has helped me a lot to build our website with Divi up to where it is now.
    I have one challange at the moment, where I hope you can help me with. Some of the links in the footer of our website don’t work/direct to a page. How can I fix this? What am I doing wrong?

    Cheers,

  • 2022-11-03 06:52:14

    wow, great tutorials.!
    a few questions:
    can you edit the database backend by adding a column/foreign key from another table?
    also, database: mySQL/postgreSQL or mongoDB or something similar?
    also, how do you do a global fixed footer?
    can you integrate CSS frameworks like bootstrap or tailwind for styling?
    can divi do things like set up a style switcher from the backend for the frontend using cards and checkboxes?
    ok, cheers.

  • 2022-09-10 13:45:18

    Hello fery,
    Maybe you can do in the future divilife.com plug-in (divihack) maybe it’s interesting

  • hello, how can i contact you to make improvment to my site ( i have divi tool)?
    do you paied service to keep my site under your control ?

  • Love your tutorials! Can you point me to instructions on how to use a YouTube video for a full page background WITHOUT the YouTube video title, etc. Elementor seems to be able to do this, but I can’t figure it out in Divi. I can get rid of the controls, sound…everything but the video title in Divi.

  • 2022-06-29 22:46:40

    Hi FerdyKorp

    Thanks for the wonderful job you’re doing!

    Do you have a tutorial for slider in divi? If you do, kindly share the link

    Kind regards,

  • Nice tutorial, thanks

  • Hi Ferdy, I love you amazing Tutorials on Divi.
    You have converted me to stop using WIX for my clients and from now on I will be using WordPress Divi.
    Can you please do a tutorial on One Page Website For One Product with Divi and the best plugins to use for shopping cart, and shipping. (if in Australia)
    I know you like WooCommerce, but something that be all done through WordPress Divi, that doesn’t require to shall out even more money on another yearly services like WooCommerce, if possible.

  • Hello Ferdy, from your templates, I can only see HeaderFooter.json and I have not been able to upload it on. There is no header.json. Please how do i use the headerfooter.json? I went to the theme builder to build the custom header from scratch but it is not uploading the HeaderFooter.json. I tried adding it via divi library but to no avail as well. Please help.

  • A
    2022-03-20 09:43:15

    Hey Ron, sorry. I just added them to the zip file!

  • 2022-03-11 15:53:22

    I cannot find the images belonging to the tutorial 2022

  • 2021-11-15 22:28:39

    This is absolutely the most detailed and informative tutorial I have seen on youtube, or anywhere else, on any subject. Sometimes I have to slow it down to catch the detail being presented. I also watched the Blog, Profile, and Contact form tutorials. Thank you for being a great resource.

  • Bro you suppose to sell your courses, you already have one to sell?

  • 2021-09-14 18:22:23

    The question of the day is ‘ how do I list my posts in alphabetical order” I have the page organized and it is showing me the category posts I want but I can’t change the order of how they are stored, meaning that they are simply sorted like all post from newest to oldest. I know that Testimonial posts in full width can be showed in random order but a 3 column posts just go back to default. What am I missing?

  • 2021-09-01 02:22:22

    Hello our talent and hero Fredy you are doing GREAT AMAZING work, we leave every thing and start feed our starving from your great web site and platforms.
    Thanks a lot, Keep it up, Don’t give up the fire
    My question (for divi and elementor) Are them support Right to left langues (Arabic) ?

  • 2021-08-26 12:04:13

    1 more thing. If I delete the duplicate section for mobile, then the divider reappears again.

  • 2021-08-26 12:02:06

    Hi Ferdi, great tutorials.

    I am going through your latest Divi website tutorial but have an issue I can’t fix.
    When I duplicate the section for mobile, change the visibility to only show on mobile, etc. (around 1hr 55min mark in this video – https://www.youtube.com/watch?v=A_ix2PpzW04&t=1s), I get a problem.

    The divider I had for the desktop section doesn’t show up anymore, even though it is still there in the settings. I have tried the Z- index trick with no luck, it has just visually disappeared.

    Can you please help?

  • 2021-07-12 20:22:06

    Hi Ferdy,

    My name is Widjai and watch always your tutorials about Divi, wich are great and very educational. Thanks a lot.

    But I also want some advice about plug-ins for my dutch websites:
    – reviews plug-in
    – appointment booking plug-in

    I get confused which one to use for my website (s). Could you please advise?

    Thanks,

    Widjai

  • 2021-06-02 09:26:57

    Wonderful Job Ferdy, i really found it easy all the way. God bless

  • 2021-05-16 15:47:00

    Hi Ferdy,

    Hope you are well!

    I am a complete newbie in web designing. I have started watching your tutorial on Youtube (4hr one!) and am middle of it and have been replicating my WordPress the way you are going in the video. It’s an amazing lesson I must say.

    However, a query; might be a ridiculous one. However, say I become a freelancer in WordPress web developer one day and I have a Divi lifetime license. And I work on Upwork/Frelanceing website and I take a WordPress web designing project from a client. Then I start working with the client-purchased domain and I install WordPress there and start building with Divi. Now, my question is- after I finish the website or while delivering the final product to my client, what will happen to the API Keys that I used while building the web? I mean won’t the client see the keys or able to modify them later as per his/her wish? Or can I just uninstall Divi bulders during delivery and nothing is impacted?

    Regards,
    Taposh Roy

  • 2021-05-02 21:54:56

    Hi FERDY, I saw this training theme on the Elegant site with the following link (https://www.elegantthemes.com/blog/divi-resources/creating-the-advanced-elegant-themes-dropdown-menu-with-divis- theme-builder), but I do not know how to create an Ajax account feature similar to the Elegant theme site that registered by hovering the mouse without clicking. please guide me.

  • A
    2021-04-30 09:06:15

    Thank you Janet! Goodluck with your website!

  • I was looking into purchasing Divi. Your tutorial is the best tutorial I have seen and now I am convince to purchase it. Thanks a lot for such a great information!.

  • 2021-02-17 18:58:35

    Hey Freddy,

    In welke video leg je juist uit hoe je een pagina 404 ‘page not found’ maakt in Divi? Ik dacht dat ik dit ergens had zien passeren, maar weet niet meer juist waar!

    Alvast bedankt!

  • HI, FERDY KORPERSHOEK

    Am a student and also a wed developer i do write code from scratch before but with this tutorial i dont really need to start writing code from scrach again bcos this just the easier and fastest way to make a site

    Thanks.

  • Looking for someone with your talent level to build me a 3 or 4-page pet blog site. I’ve got Divi installed but it’s a little more complicated than I thought it would be. Any thoughts on a possible candidate.

  • 2021-02-05 21:55:40

    Hi Ferdy,
    I have taken many of your courses on Udemy and YouTube! Thanks for all the great information! I signed up for SiteGround and am currently using Divi Builder. Both great recommendations!
    I wanted to know if you have a tutorial for Divi and WooCommerce? I know you have one for Elementor. Right now I have a site already built using Divi, I just need to be able to setup ecommerce, i.e. Shop, Cart, Checkout, etc. within the Divi website.
    Thanks,
    Michael

  • Thank you for your great tutorial. I got a quick question. You mentioned the https://ferdykorpershoek.com/modules/ page in your video (1:54) but when I tried to visit the page I got a 404 error. Did you remove the page from your website or did you move it somewhere else?

  • Hallo Ferdy,
    Nnice tutorial,tahnk you.

    How can I have exactly the same drop-down ” TUTORIALS”menu as the one on your website ?
    Thank you

  • Hi Ferdy,

    Ik gebruik Divi en wil ook een full width header. Dat is gelukt, maar ik wil de header minder hoog. Nu vult hij het hele scherm en zie je de tekst daaronder niet.
    Ik zie nergens een mogelijkheid de hoogte van de FW header bij te stellen (minder hoog te maken).
    Graag hulp en alvast bedankt!

  • Hi Ferdy,

    Your DIVI course is great! Learned how to use the framework in no time 🙂
    One question: I installed your global footer, but the social icons weren’t there. How can I add them?

  • 2020-09-19 15:19:06

    brother should i use divi or elementor?

  • Hi Fredy
    I always follow you and your course. The course content and explanation are really nice. keep it up.

  • 2020-08-23 01:57:07

    Hello Ferdy Korpershoek 🙂
    I’m from Portugal. My English belongs to the old school, what means is not the best, so I’m sorry for the mistakes I might make.
    I’ve been your follower on youtube for some time. I have learned a lot from your videos. Today I decided to come here to thank you.
    A hug and a special kiss for your beautiful son.
    Thanks

  • hi Ferdy

    Thanks for all you do! I’ve learned a lot from you.

    I’ve a question regarding one of the CSS – Different logo on fixed header

    This one works fine on Google Chrome but fails to switch back in Firefox and the Microsoft browser.

    Do you have anything specific for them?

    Thanks in advance!

  • Good Evening Brother!
    How to create Unblock Notification Button and which plugin you use, below your tutorial page.

  • Hello!
    I created a website with astra theme and elementos. If I want to use divi now, will I loose all the information on my website?
    How can I change to divi and keep all the content that I have?

    Thank You for all your videos!

  • 2020-06-11 13:54:30

    Hello Fredy
    First of all thank you for all the tutorial.
    Would you please make a tutorial for DIVI multi step form with Logic.

    Thank you
    Modh

  • Great tutorial.
    you mention in the video that there is a separate video in which you teach how to create blog – and another one on how to use filters. Where can I find them?
    Thanks sooo much!

  • 2020-04-29 20:52:42

    Hi Ferdy, Thanks for share such informative videos , i have never ever found such comprehensive video tutorial on you tube for Divi. through this tutorial i download the header and footer json file from the link above but it seems not workable perhaps this is only for apple user only because when i try to import ._Divi Builder Layouts in divi libaray it gives an error “This file should not be imported in this context” .
    would appreciate it if you could provide for windows user as well.

    Thanks and regards,
    adil

  • 2020-04-24 08:50:53

    This divi course is really amazing and contain the lot of helping content.
    sir plz tell me that how i can get divi theme api and username without investment because i cannot pay for this.
    for you can help me then my email address is here
    amgma0306@gmail.com

  • Hey Ferdy
    I follow everything you say in your videos
    I have a question about this comment section, How do you custimze it? and how do you remove Next post from this One?

    Thank you

  • 2020-04-23 08:29:13

    Both Divi and Elementor (https://woostify.com/elementor-vs-divi-comparison/) are the most popular page builder for WP users. And I am using Elementor to build my site. But I am wondering if I can use both Elementor and Divi to build my site?

Leave your comment

FERDY.COM
TUTORIALS

Learn step by step how to create a WordPress website for your business, organisation or hobby. Thanks to Ferdy’s video tutorials and simple way of explaining things, you don’t have to hire an expensive web designer and wait months before your website is finished.

With Ferdy’s WordPress tutorials, you are in charge of the progress and you save yourself a ton of money. Don’t have a domain and web hosting yet? No problem. Ferdy shows in you in each tutorial how to get web hosting and a free domain.