6.5 Design a Stunning Homepage With Divi

[@DiviMundo]

👋 This is a part of a 6 hours free course. Find all the chapters here: kzbin.info/aero/PLjECge4F19csB2CqH5hzUO2bkn7nHvjjH&si=ZDiXcntkCmntNJAi

[@SecretsofancientEgypt]

Amazing tutorial, and just what I needed to fix my website. I love using Divi. Your explanations are so easy to understand and follow along, I truly thank you for these tutorials.

[@DiviMundo]

Thanks Karima, I’m really glad you liked it! 😊

[@aravindha.t]

Thanks a lot for such a nice explanation & tutorial! Really helpful & easy to understand

[@DiviMundo]

Thanks Aravindha, I appreciate it. More tutorials are on their way. :-)

[@SecretsofancientEgypt]

Another question. I am working on a page that already has pages and a lot of posts. When I follow along with this, it transfers all these settings to all of my pages and posts, which I don't want. Becasue it clutters up the posts and other pages, if I have all these things extra added. Is there a way to only keep this layout/design only to one page? I am only working on the front page, but it adds it to everything? any ideas? A huge thank you

[@DiviMundo]

It's hard to tell without looking "under the hood" but it could be the global presets that does this. If you are importing the JSON files, tack the checkbox to not import global presets. If you have created the global presets your self, you can remove them or use other presets on the pages where you don't want to use them. You can read more about Divi global presets here: www.elegantthemes.com/documentation/divi/divi-global-presets/

[@SecretsofancientEgypt]

I would love to know how I put the hero buttons beside each other, when viewing it from a phone, they are on different "lines" and it looks a bit odd. Do you have any idea as to how I can fix that?

[@DiviMundo]

I actually have a fresh tutorial for that, check out kzbin.info/www/bejne/q3XKeKeZg6iIpdE

[@SecretsofancientEgypt]

Just found it thank you so so much - amazing content. I am wondering where I will fix this "homepage" I am refreshing an old website with DIVI. Is it under the "divi theme builder" and then the "global body" or? Not sure where to fix the content for my "home" page like you do here. because I am not starting out on a fresh site - Again thank you for everyting. I also have a template set up for all pages and one for catagory and one for all posts. - I just went to the page I want to have look like this, and clicked the visual builder at the top, I guess that should be right, when wanting to fix that page. Divi is truly a software with a million possibilities :) @@DiviMundo

[@dragon3602010]

Awesome thanks, what's the chrome extension to auto scroll slowly? Thanks 👍🏼

[@DiviMundo]

The extension is called "Simple Auto Scroll" but I think it's removed from the Chrome Web Store. Too bad, I really liked it.

[@jaskarankaur4971]

My slider border is overlapping the blurb and looks like a white space going through the blurb. I cant figure out how to fix it.

[@DiviMundo]

Hi Jaskaran! It's hard to tell without a link but try to increase the z-index for the blurb (or for the row that contains the blurb) in the Advanced tab.

[@anojmadhusanka1776]

Hi Did you find solutions for it

[@cape2cairosafari]

THANK YOU for the tutorial!!!! Please send me the html code to change the "JOHN DOE" text in video 21 at 34:21. I cannot see on the video as the resolution is too low - Thanks!!!

[@DiviMundo]

I'm glad you liked it! Sure, here's the HTML: JOHN DOE

[@percentile8619]

But, which theme you are using for this tutorial. I mean the first page you are editing at the beginning of this video. Is it imported or its a page from your theme. Which theme?

[@DiviMundo]

Hi Per! You are in the middle of a Divi theme tutorial. You can find all all 35 chapters in this playlist: kzbin.info/www/bejne/rWqWfnqBgpuHeJI or watch it in one (1) 6 hours long video (with timestamp links in the description) at: kzbin.info/www/bejne/bn2mn4djrdelbK8

[@hakeamadamz7871]

Thank you so much would you please send the link where i can get the images for those icons

[@DiviMundo]

Thanks Hakeam! You can download the images and icons here: divimundo.com/en/wordpress-tutorial-for-beginners/about-the-tutorial/

[@theopowers3549]

Hi, how did you decide on H2, H3, H4 setting for blurbs and text settings on the front page, in terms of SEO?

[@theopowers3549]

Also in the footer in the previous video, H3 chosen. Thanks!

[@DiviMundo]

What do do you mean with “text settings on the front page”? The text is mainly fake Latin since this is a tutorial on how to design with Divi. If you are looking for SEO tutorials, I’m sure there are plenty on KZbin.

[@theopowers3549]

@@DiviMundo Hi, you made styling choices for h2, h3, h4, but you seem to place those headings in spots where they don't seem to follow a h2 -> h3 -> h4 logical process for robots to follow through the document. So my question is did you just use header stylings just for font, size, and color, with no regard a typical SEO "heading outline" where an h4 is a clear subtopic within h3, which is a clear subtopic within h2? Thanks!

[@theopowers3549]

I guess I'm asking if you consider SEO when placing your headings, or whether you think it matters?

[@DiviMundo]

@@theopowers3549 Sure, headings are very important in SEO. I always use one (1) H1 in top of the page. I also try to have the subheadings in descending order for a correct structure, for example H1, H2, H3, H3, H3, H2, H2, H3, H4, H4, H2 etc. I cover this in a recent video about accessibility. You can check it out here: kzbin.info/www/bejne/mZ-nq4SCl5mfmNk