1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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 Text Module Image Grid Won't Center Align

Discussion in 'Basic Support Forum' started by Ivan David Lippens, Apr 14, 2020.

  1. Ivan David Lippens

    Divi Ultimate Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Page URL:
    https://getivan.com/fully-managed-static-website-design-and-hosting-service/

    getivan.com niche template logo container will not center screenshot.png
    All of these images are basically stacked next to each other in a text module.
    It was easier to import it, this way, rather than adding twenty individual image modules.

    I can get them to responsively adjust, pretty well, but the problem is that I can't seem to get them to center inside of a collective container.
    I have tried a few CSS tricks, etc, and I'm pretty-sure I've done this, in the past, but I can't seem to land on it, this time.

    I want them to be responsive inside the container, but I want the container to be centered, because there are large gaps between tablet and mobile views, where they are mostly aligned to the far left.
    Thanks for your help!

    Ivan
    -
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I see that for every image, you're using float: left;

    You should remove that & use display: inline-block;

    And lastly, remove the padding left for your text module.
     
    Ivan David Lippens likes this.
  3. Ivan David Lippens

    Divi Ultimate Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    • Yeah, it wasn't stacking, unless I had it aligned left.
    • I copy/pasted the module code into Notepad++, and did a find/replace with what you gave me... it worked! :O
    • Yes, I added that padding, in order to give it a centered look, but it has been removed.
    • Once again, you guys have provided a legitimate fix! Thanks a bunch!
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More