Create A WordPress Website Using The Divi Theme
Share
Tweet
Share
Pin
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
© 2023 | 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;
} 
Share
Tweet
Share
Pin
Hi Ferdy, I am new with Divi. Your tutorial about it is the best! However I have some trouble to follow your indication to create a filterable portfolio. Do you have any child theme as an example. Maybe if you can leave something similar like what you did in your tutorial. I will appreciate any kind of additional support. Best regards!
Hi Claudio, thank you! I have no child theme. I don’t use child themes. Where do you get stuck?
Hello!
Your tutorial is best. I am making my own website in which i want to add a favorite button on the gallery. Kindly let me know is there any plugin or code help me out in adding favorite button? I am waiting for your response.
Thank you
Im making changes in the gradient color in the background..its working..but when i exit visual builder then the gradient is not seen..when I again enaable the visual builder it again shows the gradient??
Your Divi tutorial is great but I always get stuck when adjusting the content in tablet/phone view. Some of my modules are faded and I don’t know why. Do you have a video that is specific to tablet/phone view that addresses all potential issues for viewing?
Thank you! You can Google ‘Divi Theme Responsive’ and you will find this video: https://www.youtube.com/watch?v=C_ekHuTpS1A
Thank you Ferdy,
One newbie question here: Divi or Elementor Pro?
Looking forward your invaluable advice 😉
Hi Victor, it depends on what you want. I use them both in one website. https://www.websitehostingrating.com/elementor-vs-divi/
Can you please give the source files of the site that you have created in in tutorial.
Hi Muhammad, I can not since it contains premium files with a licence. I can not share that.
Hi!
Your Divi tutorial is the best!
I’m stuck with something tho. I can’t install Let’s encrypt from Siteground. There’s something i’m missing out…
So I go to my account and click to the cPanel, look for Let’s encrypt but when i’m at the ‘Manage Let’s Encrypt Certificates’ page, it doesn’t give me any option to install.
Do you know why is that happening?
Hi Martha, and if you go the lower part of the page you can install a new certificate. Did you try to create a certificate there?
Nope…it doesnt appear that option. I tried to send a screen shot but I don’t know how to ad it on that message.
It’s just showing me the top part where it says domain, type (get wildcard), status and action. There’s nothing underneath.
You can open a Siteground chat. They can help you.
ok. Thank you! Problem solved!
Hi Ferdy,
I need to add google recaptcha to my divi site. I am getting a lot of spam. I was hoping not to pay for a plugin.
Can I do this without a plugin?
Hi Diana, ReCaptcha is free!
Hi Ferdy,
How do I make a frame around the Login button and how do I make a long navigation bar with the home, service, etc… on the one side and Login and Sign In on the other side?
Hello Ferdy,
This is realy nice tutorial,tahnk you. I have a first question (will come more).. 🙂
I am newbee on wordpress. I want to use blurb modul but i can’t find header tag option, can you help me please?
Best regards
You have great WordPress tutorial with different themes. Would be great if you would do several and intensive Divi Theme tutorials
Hello Ferdy,
You have done a such nice job on this tutorial, it is the best one that I found on the whole web until now. Thank you so much
Best regards,
hi Ferdy,
could you help me? I filled in the phone number and email address in the divi customizer, and use the social icons too. How can I fixe this default top header on the right side? Do you know a CSS code for this?
thanks
Adam
Hi Adam, I don’t know how to do that. Buy there is an amazing support area for Divi users. You can submit a ticket at Divi.
Hi Ferdy!
You really made a nice tutorial. Where can I found the demo files right now? You changed your menu since then…
Thankfully, Mika
Very helpful tutorial and also website. Thanks a lot
Hi Ferdy, thank you so much for this video, I’ve made a beautiful website thanks to you! 🙂 I’m wondering, in the video you refer to a tutorial on how to make a blog page with Divi, where can I find this video? Thanks! Kim
Hi Ferdy,
You mentioned in your main Divi tutorial that you have other tutorials that focus on the Divi email component and as well as one for all the Divi modules. I can’t seem to find these videos on this site or on YouTube. Can you let me know where I can find them?
Thank you,
John
Fredy, please can you help us with the template of your demo website. I will really appreciate
Thanks Ferdy,
I learn a lot form your Divi tutorial class. I have one doubt on how to create a contact form and link it with a button the form appears after clicking the button as a poster and that button to be fixed right side of the web page.
Just like this web site http://godrej-bhatia.in/
Hi Ferdy;
Your tutorial is the best; please need to know how to enable the LinkedIn icon in the footer.
Hi Ferdy, i’m using DIVI on my site, i need to translate to eng and french. Is WPML compatible to translate a page and not only a blog. Thanks for your feedback
Hi do you have a link for your tutorials on how to use the various modules in divi
Hey Ferdy,
I found it! Thanks so much for all your help. I’m looking forward to sharing my website with you soon!!!
Ferdy I am eternally grateful for everything you have taught me, from your YouTube wordpress tutorial. can you send me a sample video about hotel full service website including their online booking systems? that are build with in a Divi theme?
email : natjeo23@gmail.com
Hallo Ferdy, ik zag je bij je verhaal voor de Benelux Business Club Scandinavia in Kopenhagen. Fantastiese DIVI tutorial! Waar ligt de beschrijving met de tijdkodes? Ik ben geheel nieuw met DIVI.
Heb jij er voordeel bij als ik het DIVI tema via jou website koop met 10% korting?
Beste Paas-groetjes van Joost – Caseplay.dk
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?
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
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
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
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!
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
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!
Good Evening Brother!
How to create Unblock Notification Button and which plugin you use, below your tutorial page.
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!
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 Fredy
I always follow you and your course. The course content and explanation are really nice. keep it up.
brother should i use divi or elementor?
FTsaoMrbhZ
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?
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!
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
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?
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
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.
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.
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!
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!.
Thank you Janet! Goodluck with your website!
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.
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
Wonderful Job Ferdy, i really found it easy all the way. God bless
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
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?
1 more thing. If I delete the duplicate section for mobile, then the divider reappears again.
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) ?
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?
Bro you suppose to sell your courses, you already have one to sell?
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.
I cannot find the images belonging to the tutorial 2022
Hey Ron, sorry. I just added them to the zip file!
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.
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.
Nice tutorial, thanks
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,
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.
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 ?
Hello fery,
Maybe you can do in the future divilife.com plug-in (divihack) maybe it’s interesting
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.
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,
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!