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 How to input two image modules horizontaly in one column

Discussion in 'Free Divi Community Forum' started by kotkota, Dec 9, 2019.

  1. kotkota

    kotkota Member

    Hello.
    I have 3 columns. How correctly to put in last column two image modules together horizontally?
     

    Attached Files:

    • 1.jpg
      1.jpg
      File size:
      34.8 KB
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Go to the Row Settings & set gutter width to be 1.
     
  3. kotkota

    kotkota Member

    I mean not exactly this.
    If i put two image modules in one column they are located one on the other vertically. How to make modules in one column horizontally (in order)?
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    For that case, try to go to the Image module settings > Advanced > Custom CSS > Main Element & add: display: inline-block!important;
     
    kotkota likes this.
  5. kotkota

    kotkota Member

    It is working. Thanks

    Only thing.
    I have add
    Code:
    Log In or Sign Up to view this code.
    for 3 image module
    for each columns added
    Code:
    Log In or Sign Up to view this code.
    Row option Equalize Column Heights turned ON

    But social icons is still not in the middle?

    It is possible to make it middle without margins?
     

    Attached Files:

    • 3.png
      3.png
      File size:
      138.7 KB
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Not quite sure what you meant. Kindly share your URL.
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    kotkota likes this.
  8. kotkota

    kotkota Member

    it works!!!
    maybe you can help me with the same thing. In footer there are "Quick Links". I need to add two sidebars menu horizontaly.
    but
    Code:
    Log In or Sign Up to view this code.
    not working
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  10. kotkota

    kotkota Member

    Not exact
    It is become horizontal. I need vertical
     

    Attached Files:

    • 1.png
      1.png
      File size:
      29.5 KB
    • 2.jpg
      2.jpg
      File size:
      163.1 KB
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    I see. For that case, you should use Specialty Section:
    upload_2019-12-12_17-12-11.png
     
    kotkota likes this.
  12. kotkota

    kotkota Member

    Can you help me make the same on mobile version?
    I need place three social icons centered on mobile. But someting wrong.
    Link
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  13. Divi.Help

    Divi.Help Administrator
    Staff Member

    Looks fine to me:

    upload_2020-2-6_17-44-39.png