All Divi Modules Overview incl. CSS Tricks - Part 1

Поделиться
HTML-код
  • Опубликовано: 20 янв 2025

Комментарии • 91

  • @MichaelSharpTechniSmart
    @MichaelSharpTechniSmart 3 месяца назад

    An old hand at Divi here, but my CSS has got pretty rusty since Divi AI Code hit the scene.
    So Matt, I am ready to learn again. No longer a lurker 👀Subscribed !

    • @WPressDoctor
      @WPressDoctor  3 месяца назад

      Hi Michael! Thank you for your comment! Yeah if you don't use it, you lose it 😄. Thanks for the sub and your readiness to learn! If you have any questions, let me know. Have a great day and take care, greetings

  • @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!

  • @ihorsamokhvalenko5091
    @ihorsamokhvalenko5091 10 месяцев назад +1

    Nice tutorial. Very helpful. Thanks a lot!

    • @WPressDoctor
      @WPressDoctor  10 месяцев назад

      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 😀

  • @davevasudevan3378
    @davevasudevan3378 3 года назад +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  3 года назад +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 3 года назад

      @@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  3 года назад

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

  • @saxonwolf888
    @saxonwolf888 10 месяцев назад +1

    Extremely helpful. Thanks.

    • @WPressDoctor
      @WPressDoctor  10 месяцев назад

      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!

  • @paulhildmann8392
    @paulhildmann8392 4 года назад +3

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

    • @WPressDoctor
      @WPressDoctor  4 года назад +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  4 года назад +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 4 года назад +1

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

    • @WPressDoctor
      @WPressDoctor  4 года назад +1

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

  • @nounix
    @nounix 2 месяца назад +1

    Hi I am trying to do something which feels like it should be VERY simple to do and am wasting SO much time trying to do it that it just feels ridiculous. Maybe you can help? All I want is for a one minute video autoplaying on my first hero section of the site in a loop. Done that (added the dm-autoplay-btn class as instructed to in the past) and it autoplays - but muted...... But I want a unmute/mute/sound control button in some corner over the video somewhere so as to prompt visitors to click it and listen to the sound, and so they can control the volume. Can't find how to this anywhere... :( :( All I want is the video module to autoplay in a loop, and for a volume control. Why is this so difficult to do? I would have thought that this is the most common thing.... Anyway, can you please help asap? Thanks!!

    • @WPressDoctor
      @WPressDoctor  2 месяца назад

      Hi there! Thanks for the question! Yeah that sounds pretty easy indeed 😀 try this plugin: nl.wordpress.org/plugins/easy-video-player/ might be your answer!

  • @stevebikes995
    @stevebikes995 3 года назад +1

    Super helpful!

    • @WPressDoctor
      @WPressDoctor  3 года назад

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

  • @jefferee2002
    @jefferee2002 Год назад +1

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

    • @WPressDoctor
      @WPressDoctor  Год назад

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

  • @swidenjil
    @swidenjil 4 года назад +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  4 года назад

      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 4 года назад

      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  4 года назад

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

    • @swidenjil
      @swidenjil 4 года назад

      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  4 года назад +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 😎👨‍⚕️

  • @davidmesanoack635
    @davidmesanoack635 Год назад +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  Год назад

      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 😁

  • @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 😀

  • @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!

  • @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 😊

  • @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 😊

  • @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 😀👍🏻

  • @matildetomei8161
    @matildetomei8161 4 года назад +1

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

    • @WPressDoctor
      @WPressDoctor  4 года назад +1

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

  • @collavo
    @collavo 2 года назад

    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 2 года назад +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  2 года назад

      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 👍🏻😀

  • @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!

  • @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 Год назад +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  Год назад +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/

  • @mosaddekurrahman5925
    @mosaddekurrahman5925 4 года назад +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  4 года назад +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 4 года назад +1

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

    • @WPressDoctor
      @WPressDoctor  4 года назад +2

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

  • @tanmo1985
    @tanmo1985 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 😎

  • @yoda6010
    @yoda6010 3 года назад +1

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

    • @WPressDoctor
      @WPressDoctor  3 года назад

      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!

  • @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 😘

  • @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: ruclips.net/video/FQYbf47-sg8/видео.html Maybe that can help you out? 😁

  • @minoruhaginoya2249
    @minoruhaginoya2249 2 года назад

    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  2 года назад

      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 2 года назад

      @@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... 😅

  • @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 🤩 ruclips.net/video/FQYbf47-sg8/видео.html if you have questions, just let me know 😀👍🏻

  • @indian3960
    @indian3960 4 года назад +1

    wow

    • @WPressDoctor
      @WPressDoctor  4 года назад +1

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

  • @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 😀

  • @ЕленаРусак-в6т
    @ЕленаРусак-в6т 7 месяцев назад

    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  7 месяцев назад +1

      Hi Елена, thanks for the comment. Yeah that's why I build a lot of websites via Elementor these days: ruclips.net/video/HLk3Wl1sosc/видео.html