1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Finding the right divi module

Discussion in 'Free Divi Community Forum' started by Usama1997, Apr 24, 2025.

  1. Usama1997

    Usama1997 New Member

    I want to know which Divi module i can use to create similar sections on my website. Attaching the screenshots. The sample website is built in kedence.
     

    Attached Files:

    #1 Usama1997, Apr 24, 2025
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You don't have to find a single module to fit all designs. Just separate into multiple modules.

    For example, for the first design, add a row with x columns as you like. Then in each column, add image module + text module + button module.

    Then to make it rounded corner & box shadow, just add it through the column settings.
     
    #2 Divi.Help, Apr 24, 2025
  3. Usama1997

    Usama1997 New Member

    Thank you☺️
     
    #3 Usama1997, Apr 24, 2025
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  4. Usama1997

    Usama1997 New Member

    In the sample site “ science, months and vehicles are in same row but on my website in mobile version there is only one in one row, i want to add 2 in one row. How can i do that please help. Desktop view is all okay.
     

    Attached Files:

    #4 Usama1997, Apr 24, 2025
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    To retain the same number of desktop columns for mobile, try to go to the Row Settings > Advanced > Custom CSS > Main Element & add:
    Code:
    Log In or Sign Up to view this code.
     
    #5 Divi.Help, Apr 25, 2025
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  6. Usama1997

    Usama1997 New Member

    Thank you but i want two coloums in mobile and there 6 coloums in desktop. Tell me the code for 2 coloums on mobile view. Thank you for helping
     
    #6 Usama1997, Apr 25, 2025
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    That would be more complicated.

    You may try the below CSS at the Row Settings > Advanced > Free-Form CSS:
    Code:
    Log In or Sign Up to view this code.
    If want to add some spacing to the right, you will need something like this:
    Code:
    Log In or Sign Up to view this code.
     
    #7 Divi.Help, Apr 25, 2025
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  8. Usama1997

    Usama1997 New Member

    Thank you soo much. It worked❤️❤️❤️
     
    #8 Usama1997, Apr 25, 2025
(You must log in or sign up to post here.)