All Divi Modules Overview incl. CSS Tricks - Part 1

Поділитися
Вставка
  • Опубліковано 7 вер 2024

КОМЕНТАРІ • 90

  • @ongjanette
    @ongjanette 3 роки тому +3

    This is really helpful! Thanks! I and just starting out with Divi and I will surely go through the entire series and I think even come back for review a few times. :)

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      Hi Janette 👋🏻! Thank you so much for your kind words 😀👍🏻 I’m thrilled it’s useful for you! Feel free to comment and ask questions 🙂 Have a awesome day!

  • @jefferee2002
    @jefferee2002 7 місяців тому +1

    I'm so glad you don't need to know CSS in DIVI, unless you always do

    • @WPressDoctor
      @WPressDoctor  7 місяців тому

      Hahaha. Yeah it’s going to be better in the future 😄

  • @ihorsamokhvalenko5091
    @ihorsamokhvalenko5091 6 місяців тому +1

    Nice tutorial. Very helpful. Thanks a lot!

    • @WPressDoctor
      @WPressDoctor  6 місяців тому

      Hi Ihor! You are very welcome, I'm glad I could help you out with this video. Stay tuned for more awesome video's! Have a great day and take care 😀

  • @paulhildmann8392
    @paulhildmann8392 3 роки тому +3

    Great video, thanks! I'm looking forward to seeing the CCS you used on the accordion module. That fixes my issue. :-)

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      Hi Paul Hildmann 👋! Glad you liked it! Sorry didn't upload it yet, I'll create a .txt file so you can download it from my website. I'll make another reply when its done so you'll get a notification 😀

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      😀 I have just added it to the video. You can find it here: 📜 wpressdoctor.com/divi-modules-pt1-snippets/
      Thank you for your patience!

    • @paulhildmann8392
      @paulhildmann8392 3 роки тому +1

      @@WPressDoctor , Thank you very much. That solves my issue. I appreciate your time and effort.

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      You are very welcome Paul! 😃 keep u the good work and make that website awesome 😎

  • @saxonwolf888
    @saxonwolf888 6 місяців тому +1

    Extremely helpful. Thanks.

    • @WPressDoctor
      @WPressDoctor  6 місяців тому

      Hi there! Thanks for the kind words, I really appreciate it. You are very welcome! I’m glad you liked the video and the style. More great videos are coming so stay tuned 😀👍🏻 Have a great day and take care!

  • @tajuddinahmmed1244
    @tajuddinahmmed1244 Рік тому

    Alhamdulillah, you are great.

    • @WPressDoctor
      @WPressDoctor  Рік тому

      Thank you for your comment! I’m happy you liked it. Have a great day and stay safe!

  • @akindeolubunmi6901
    @akindeolubunmi6901 Рік тому +2

    I love this

    • @WPressDoctor
      @WPressDoctor  Рік тому

      Thanks Akinde for your kind words! I’m happy I could help you out with these videos 👍🏻😀 Have a great day and stay safe!

  • @davidmesanoack635
    @davidmesanoack635 10 місяців тому +1

    This is amazing! There are so many useful tricks here!! :) question, how can I change the language of the 'read more' text in the blog module, so instead of 'read more' it reads as 'ver más' or something like that? Thanks!!

    • @WPressDoctor
      @WPressDoctor  10 місяців тому

      Hi David! Thanks for you kind words, I really appreciate it. You can only change that text with a code placed into your functions.php. It can be find here "Modify The Read More Link Text" on this page: codex.wordpress.org/Customizing_the_Read_More copy and paste it my friend 😁

  • @stevebikes995
    @stevebikes995 2 роки тому +1

    Super helpful!

    • @WPressDoctor
      @WPressDoctor  2 роки тому

      Thank you very much! I’m glad you liked it 😀👍🏻

  • @davevasudevan3378
    @davevasudevan3378 2 роки тому +1

    How did you access "Page Settings" I am trying to insert the CSS code to show a close icon in the Accordion Module?

    • @WPressDoctor
      @WPressDoctor  2 роки тому +1

      Hi Dave, thank you for your question! Well if you look at the bottom of your page (in the visual builder) you have 3 dots. When you click on those, you see a gear icon (among other icons). That’s the one you need 👍🏻😀 let me know if that works!

    • @davevasudevan3378
      @davevasudevan3378 2 роки тому

      @@WPressDoctor Thank you, found the Page settings, There is already some code in that area, can I add additional code under the existing code?

    • @WPressDoctor
      @WPressDoctor  2 роки тому

      Glad you found it 👍🏻😀 Yes you can! Usually it won’t interfere, but please check it, I could be wrong 😊

  • @yoda6010
    @yoda6010 2 роки тому +1

    awesome video. your the best. but where is the codes? best regards from sweden

    • @WPressDoctor
      @WPressDoctor  2 роки тому

      Hi Daniel! Thank you very much! Really nice to hear those nice words! The codes can be found here: wpressdoctor.com/wp-content/uploads/Divi-Modules-Snippets-part-1.txt I hope it is usefull 👍🏻😀 Your like and subscribe would be very helpful if you haven’t already done so. Social share of the video would also be highly appreciated!

  • @mosaddekurrahman5925
    @mosaddekurrahman5925 3 роки тому +1

    Thanks for the Explanation, Hope we are going see more in the future.
    ******* Quick question : What plugin should we use for divi (extend more option, for security and others)?

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      Hi Mosaddekur Rahman 👋🏻! You are very welcome 😃 I’m glad you liked it. There are more coming definitely, just give me some time 😎 For security I strongly advice my iThemes Security tutorial! And for more modules, I will be making a tutorial about some really cool extensions 😀👍🏻 Stay tuned!

    • @mosaddekurrahman5925
      @mosaddekurrahman5925 3 роки тому +1

      @@WPressDoctor Thank you very much! Looking forward to see upcoming videos😃

    • @WPressDoctor
      @WPressDoctor  3 роки тому +2

      You are most welcome 😀👍🏻 More will follow with some awesome tricks 😎👌🏻

  • @matildetomei8161
    @matildetomei8161 3 роки тому +1

    Hi, very interesting video. Sorry, I can't find the code to edit the blog module. Where is the description? Thanks

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      Hi Matilde 👋! Glad you liked it! 😀 You can find it here: wpressdoctor.com/wp-content/uploads/Divi-Modules-Snippets-part-1.txt 😎

  • @tvmamak1482
    @tvmamak1482 3 роки тому +1

    I hope Divi custom CSS can be as easy as Elementor custom CSS..

    • @WPressDoctor
      @WPressDoctor  3 роки тому +2

      Hi TV Mamak 👋🏻! 😀 It’s actually really easy to place custom css in Divi 🤗 Watch this video where I explain you have 3 places where you can add it 🤩 ua-cam.com/video/FQYbf47-sg8/v-deo.html if you have questions, just let me know 😀👍🏻

  • @arunkumargudise8417
    @arunkumargudise8417 3 роки тому +1

    Hi Wp Doctor, nice video, you are awsome and Where is the CSS code that you have used in the video, if you provide the CSS code am very thankful to you.

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      Hi Arum Kumar Gudise 👋! Glad you liked it! Sorry I didn't upload it yet, I'll create a .txt file so you can download it from my website. I'll make another reply when its done so you'll get a notification 😀

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      😎 I have just added it to the video. You can find it here: 📜 wpressdoctor.com/divi-modules-pt1-snippets/
      Thank you for your patience!

  • @imransadikenglish
    @imransadikenglish 3 роки тому +1

    Plz make a tutorial about Theme Builder option

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      Hi Imran 👋! Thanks for your suggestion! I have covered this one very briefly in my other video: ua-cam.com/video/FQYbf47-sg8/v-deo.html Maybe that can help you out? 😁

  • @minoruhaginoya2249
    @minoruhaginoya2249 Рік тому

    Just an additional info regarding the css for the accordion module:
    the css for showing the close icon only works if you haven't changed the custom toggle icon.
    But please don't ask me how to make it work with another icon... 😬

    • @WPressDoctor
      @WPressDoctor  Рік тому

      Thanks for the addition 😀👍🏻 I’ll dive into this when I have to create one for a client. But it never occurred to me so I’ll let you know

    • @minoruhaginoya2249
      @minoruhaginoya2249 Рік тому

      @@WPressDoctor I just noticed it because I prefer arrows instead of +/-. But I don't have any css knowledge so I'll just stick to plus and minus... 😅

  • @furthergadgets8122
    @furthergadgets8122 3 роки тому +1

    for css link not working ?

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      Hi Shahzaib Raza 👋! The link is here and working on my end: wpressdoctor.com/wp-content/uploads/Divi-Modules-Snippets-part-1.txt 😀

  • @swidenjil
    @swidenjil 3 роки тому +1

    Great video, i have an issue with the blog module that wasn't addressed, the grids appear too big and I don't know why, my content width area should at least be able to fit 3 grid cards like in your video, but it can only fit 2 because of how big they appear, please how can I fix this?

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      Hi Sewid Enjil 👋🏻! Thank you 🙏🏻 I’m glad you liked the video 😀👍🏻 First of all, do you have more than 3 posts? Second: how width is your row? Third; is your entire site layout set to ‘boxed’? Love to hear from you 😊

    • @swidenjil
      @swidenjil 3 роки тому

      Thank you for your quick reply. Yes, I have more than 3 posts, I’m afraid I don’t know the row you’re referring to but I’m making a blog post template with a right sidebar, and the blog module I’m using to pull in related posts, and for the last question, my layout isn’t set to boxed.

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      Hm can i see the website? Do you have a URL for me? Maybe I can pinpoint the problem 😀

    • @swidenjil
      @swidenjil 3 роки тому

      WPress Doctor It is a new website I just started to work on, I haven’t launched it yet, I don’t know how to share a link to unlaunched website. :( is the size of a featured image supposed to determine the size of the grids? If not, I don’t know why they’re so big.

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      Well the size of the thumbnails doesn’t matter because they are resized. However, the image ratio is important for how it looks. Square is better 👍🏻😀. You can email me a screenshot? The@wpressdoctor.com 😎👨‍⚕️

  • @usmanghafoor6724
    @usmanghafoor6724 3 роки тому +1

    WPress Doctor Can you please tell how to create Dentist appointment website with Divi theme?

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      Hi Usman 👋🏻! Yes there is a template available inside Divi that is exactly that 😀 It should help you getting started 😎

    • @usmanghafoor6724
      @usmanghafoor6724 3 роки тому

      @@WPressDoctor thanks can you please guid me?

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      Sure, just add a new page and chose “from layout” that’s it 😂 You need a Divi license of course 👍🏻

    • @usmanghafoor6724
      @usmanghafoor6724 3 роки тому +1

      @@WPressDoctor thanku wish could meet you

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      You are very welcome 😀👍🏻 you never know, it’s a small world 😊

  • @collavo
    @collavo Рік тому

    Hi WPress Doctor
    Thanks for the video! I tried to make all columns of the blog module the same height. But after I insert your code in the code module, I'm unable to save the page. Any ideas what could be causing this? Thanks for the help!

    • @collavo
      @collavo Рік тому +1

      I was in contact with the amazing support of Divi and they found out, that the problem is with the hosting. Since I'm already in the progress of migrating to Name Hero I won't investigate any further 😁

    • @WPressDoctor
      @WPressDoctor  Рік тому

      Great! I’m glad you got it fixed. You might want to check out Siteground, I don’t have that good experience with NameHero… but I hope it works for you 👍🏻😀

  • @tanveermomin517
    @tanveermomin517 3 роки тому +1

    Means first I have to learn css to use divi ?

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      Hi Tanveer 👋🏻! Thank you for your question! No, you don’t need to learn CSS to create a website with Divi 🤩👍🏻 The things I talk about in these video’s are useable without any CSS knowledge! So just enjoy and if you want to use some or no CSS, that is excellent 😎

  • @danaseaton984
    @danaseaton984 3 роки тому

    After I entered the code module + script in the accordion to close a toggle, the script appears in the published site, how can I hide this?

    • @danaseaton984
      @danaseaton984 3 роки тому

      nevermind, duh display: none;

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      Hi Dana Seaton 👋🏻! 😀 yeah that is one way to do it 👍🏻 However, it should not show on your front-end by default. But glad you fixed it anyway 😀 Don’t forget to to put the script between the and 😊

  • @furthergadgets8122
    @furthergadgets8122 3 роки тому

    your given link website not open how it is work ?

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      Hi Shahzaib Raza 👋🏻! What link are you referring to, the file with the CSS snippets? It’s right here: wpressdoctor.com/wp-content/uploads/Divi-Modules-Snippets-part-1.txt 😀👍🏻

  • @indian3960
    @indian3960 3 роки тому +1

    wow

    • @WPressDoctor
      @WPressDoctor  3 роки тому +1

      Hi Tuhindari 👋🏻! I’m glad you liked the video 😀👍🏻

  • @imransadikenglish
    @imransadikenglish 3 роки тому

    Custom CSS not work in last step of blog module

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      Hi Imran Sadik 👋! Can you describe what exactly does not work? 😀

    • @1992qwe
      @1992qwe 11 місяців тому +1

      Hi there,@@WPressDoctor i also tried and the script for blog , "Script to get the height equal", even if i use the same steps like you do, just doesn't make any changes, don't know why, i just follow the same steps :(. thank you for your time and kindness! you are a great person! big hug !

    • @WPressDoctor
      @WPressDoctor  11 місяців тому +1

      Thanks for your kind words, really appreciate it! I’m on the road now so I can’t give you the code but you can follow the guide of my colleague: www.peeayecreative.com/how-to-make-the-divi-blog-grid-equal-height/

  • @volstarthemagi3859
    @volstarthemagi3859 3 роки тому +1

    Is your audio album for sale on Itunes yet? :-)

    • @WPressDoctor
      @WPressDoctor  3 роки тому

      Hi there 👋🏻 Haha almost ready, including a worldwide tour 😂 you can have VIP tickets 😘

  • @ck17va
    @ck17va Рік тому

    Can you also speak about how Divi is crazy slow 24/7?

    • @WPressDoctor
      @WPressDoctor  Рік тому

      Hi there! Haha 😂 that totally depends on the speed of your server. But indeed, the version 5 release will take care of this problem. Stay tuned for more videos about this topic 😀

  • @user-yf5cj7st3n
    @user-yf5cj7st3n 3 місяці тому

    I just tried this designer and was extremely disappointed. The cost of DIVI at the moment is 100 euros + their “AI” is another 25 euros. But in fact, everything works crookedly and askew.

    • @WPressDoctor
      @WPressDoctor  3 місяці тому +1

      Hi Елена, thanks for the comment. Yeah that's why I build a lot of websites via Elementor these days: ua-cam.com/video/HLk3Wl1sosc/v-deo.html