DIVI THEME 3.0 TUTORIAL FOR WORDPRESS

DIVI THEME 3.0 TUTORIAL FOR WORDPRESS

WordPress Designer.

The New Divi 3.0 is FINALLY HERE. You are about to embark on a journey unlike any other. The new divi page builder allows you see the changes you make to your wordpress website while you visually see it. This is known as the new visual editor. I have put some pictures and layout packs to download here.

Here are some pictures and tools to help get you started. I have includded a picture and backround pack to help get you started to create a website with Divi

 

DOWNLOAD THE MEDIA FOLDER HERE

https://www.dropbox.com/sh/2cg2eg0t7iwoqqu/AAAYrGM26WEBc7bFg-c2qt_pa?dl=0

1. GET HOSTING

The first thing you will need to do is get hosting. I recommend the following:

 

GET HOSTING HERE:

Hostgator.com

Greekgeeks.com

tmdhosting.com

 

These hosting companies are really reputable and work good. Green geeks web hosting and tmdhosting provide SSD hosting which is a much faster form of hosting and can really increase the speed of your website

 

 

WEBSITES TO GET VIDEOS AND PICTURE

FREE: VIDEVO.NET

FREE: UNSPLASH.COM

PREMIUM: ISTOCKPHOTO.COM

SCRIPT FOR OVERLAY

This is the code you need to enter the custom CSS Module. I will go over this more in the tutorial

Get the Google API Key here for your maps

developers.google.com/maps/documentation/javascript/get-api-key

The next thing you will need to do is start watching the tutorial. Feel free to watch the video below to learn how to create an amazing website from scratch using the divi theme

FREE Divi Layout Packs From Elegant Themes. Get the whole collection here

The Divi theme is unlike any theme on the market. It has truly changed wordpress as we know it.

Darrel

DW Staff

DarrelWilson.com provides free and helpful WordPress tutorials for users of all experiences and backrounds. Darrel provides free tutorials on his youtube channel. You can view the youtube channel here: https://www.youtube.com/c/darrelwilsonbug

This Post Has 37 Comments

  1. Thanks Darrel,
    i use EXTRA of Elegant Themes and your Tutorial helps me a lot 😉

    Björn

    1. hey tony, use a different browser. Try the google chrome

  2. Man you’re awesome , and an inspiration to me 🙂 this tut with the new dvi 3.0 helped me a lot . Thank you very much , and keep up the good work

    1. thanks, hope it helps you out. Its a great themee

  3. Man thank you so much for this. I did your whole video and then also discovered your entire youtube library. So good.
    I have had an internet coaching business for 10 years. Started doing my own sites 3 years ago. Your videos break so much down.
    I’m currently following your Facebook Page video. We shall see how it goes. If you even need a testimonial, just let me know.

    I am building my new site all from your tutorials. It is live now, but definitely not finished.

    Thanks so much!

    Steve

  4. I love your tutorials, have learned so much. I am rebuilding an old site, converting it from wordpress.com to .org and have purchased Divi and it is going very well, with your help. I do have one question tho…and can’t seems to find the setting for it. How do you get ride of the CircleD Divi on the Menus?

    1. go to your dashboard, go to DIVI than go to “theme options” there is a logo spot. Enter in your logo and your new logo will appear!

  5. Hi Darrel,

    The SCRIPT FOR OVERLAY (CSS) script is not working for me. Can you email the correct text to me?

    You demo is awesome.

    1. hey grab the script in the description of the video. It should work

  6. The CSS code is not working because of the “” that when copied, is kind of slanted.

    thanks

    1. hey, use the script in the video description, it should work fine

  7. very nice put up, i definitely love this web site, carry on it

  8. Where can in found the video file which you used in the tutorial. Awesome. Can you help me out to downlaod please?

  9. Can you also help me the video file format that needs to be used to upload in our sites? the one you used is HD MJPEG? SD MOV? or Web MOV?

  10. Hey Darrel,
    Was just exposed to Divi 3 & your tutorials, fantastic job !!
    The script which is so unique not working for me too despite all kind of copy paste..Can you email it to me or be more spesific as for the solution?

    Thanks,
    Arnon

    1. hey arnon, did you try it from the description? I found that it does work. If not let me know and ill send it again

      1. Hey Darrel,
        I tried to copy from your above code:
        content:””; display: block; height: 100%; position: absolute; top: 0; left: ; width: 107%; background-image: linear-gradient( -100deg, rgba(0, 0, 0, 0) 0%, rgba(00, 0, 0, 0) 55%, rgba(0, 0, 0, 0.7) 55%, rgba(0, 0, 0, 0.5) 55%)

        with no success..can you email me or instruct me what my issue might be?
        If you go to http://nilymedical.co.il & click on the news tab in the main menu you can see the picture I’m trying to add your unique code..

        Thanks,
        Arnon

      2. Hey again,
        I tried to copy from your description but it still does not work.
        Can you email me the exact code or any other advice I can use?
        The site is not in the internet yet.

        Thanks a lot,

        Arnon

        1. hey arnon,

          make sure its in the “before” section and also with the Blue Gear Icon.

          Here is the script

          content:””; display: block; height: 100%; position: absolute; top: 0; left: ; width: 105%; background-image: linear-gradient( -100deg, rgba(0, 0, 0, 0) 0%, rgba(00, 0, 0, 0) 55%, rgba(0, 0, 0, 0.7) 55%, rgba(0, 0, 0, 0.5) 55%)

          let me know if this works

  11. Hi Darrel,
    Unfortunately it again did not work.
    I emailed you with a screen shot of the page I’m trying to use the script hoping you will find my mistake..

    Thanks A lot !

    Arnon

  12. Hey Darrel,
    I followed your advice refering to elegantthemes support & they solved the issue. I did not copied the code as I should & that’s caused the problem.
    Thank you very much for your prompt replyes & great support!!

    Arnon

  13. Try this script:

    content:””; display: block; height: 100%; position: absolute; top: 0; left: ; width: 105%; background-image: linear-gradient( -100deg, rgba(0, 0, 0, 0) 0%, rgba(00, 0, 0, 0) 55%, rgba(0, 0, 0, 0.7) 55%, rgba(0, 0, 0, 0.5) 55%)

    Because the error come from : content:””

  14. Hey Darrel, how is it going?

    Do you, by any chance, know how to make the full width header responsive? It looks way different on mobile devices

    Thanks

  15. Hello Danrel, please i cant download the media am getting massage that the paage is expired please help me with another link. thank you

  16. Hey, Darrel, I am not able to download the file from dropbox its showing that link has expired. Can you help me out??

  17. Hello Web Admin, I noticed that your On-Page SEO is is missing a few factors, for one you do not use all three H tags in your post, also I notice that you are not using bold or italics properly in your SEO optimization. On-Page SEO means more now than ever since the new Google update: Panda. No longer are backlinks and simply pinging or sending out a RSS feed the key to getting Google PageRank or Alexa Rankings, You now NEED On-Page SEO. So what is good On-Page SEO?First your keyword must appear in the title.Then it must appear in the URL.You have to optimize your keyword and make sure that it has a nice keyword density of 3-5% in your article with relevant LSI (Latent Semantic Indexing). Then you should spread all H1,H2,H3 tags in your article.Your Keyword should appear in your first paragraph and in the last sentence of the page. You should have relevant usage of Bold and italics of your keyword.There should be one internal link to a page on your blog and you should have one image with an alt tag that has your keyword….wait there’s even more Now what if i told you there was a simple WordPress plugin that does all the On-Page SEO, and automatically for you? That’s right AUTOMATICALLY, just watch this 4minute video for more information at. Seo Plugin

  18. Media download link is expired… Please update the link.

  19. I drop a comment when I especially enjoy a article
    on a site or I have something to valuable to contribute to
    the conversation. It is caused by the sincerness displayed in the
    article I looked at. And after this post DIVI THEME
    3.0 TUTORIAL FOR WORDPRESS | Darrel Wilson. I was actually moved
    enough to drop a commenta response 🙂 I do have some questions for you if
    it’s okay. Is it just me or do some of these comments appear as if they
    are left by brain dead people? 😛 And, if you are writing at other
    online sites, I’d like to follow anything new you have to post.
    Could you make a list all of your public pages like your twitter feed, Facebook page or linkedin profile?

    1. howdy i have a list on the bottom of my website under the get in touch

  20. I amm extremely impressed with your writing skillls and also with the layout on yyour blog.
    Is thiss a paid theme or did you modify it yourself? Anyway keep up the nice quality writing, it is rare to see a nice blog like this
    one these days.

  21. Very Nice Mr Darrel. 🙂 i already buy the lifetime packet divi membership. Now i try to make a professional website design.

Leave a Reply

Close Menu
Hi, Sign Up For Freebies And Wordpress News!

Hi, Sign Up For Freebies And Wordpress News!

Join My Mailing List For Tips, News, And Discounts!

You have Successfully Subscribed!

×

Cart