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

Gallery image modify size - Square.

Discussion in 'Free Divi Community Forum' started by Martin0011, Dec 20, 2018.

  1. Martin0011

    Martin0011 New Member

    Hi,

    I'm trying to modify the image size in a gallery module. I'd like to have them square and not portrait or landscape.
    What I did so far is to modify the thumbnail of the image using : "Simple Image Sizes" module https://wordpress.org/plugins/simple-image-sizes/

    I modified the "et-pb-gallery-module-image-portrait" size by 415 x 415 instead of 400 x 516.
    I modified well the image into the FTP folder. I can find an image img-400x400.

    But in the gallery module the image size is not triggered. I get this well i look the code :
    <div class="et_pb°gallery_image portrait">
    <a href="https://www.be/wp-content/uploads/2018/12/img.jpg" title="text">
    <img src=https://www.be/wp-content/uploads/2018/12/img.jpg" alt = "text">
    <spam class="et_overlay et_pd_inline_icone" data-icon=".">
    ::before
    </spam>
    </a>
    </div>

    But I believed I would have this instead :
    <div class="et_pb°gallery_image portrait">
    <a href="https://www.be/wp-content/uploads/2018/12/img.jpg" title="text">
    <img src=https://www.be/wp-content/uploads/2018/12/img-415x415.jpg" alt = "text">
    <spam class="et_overlay et_pd_inline_icone" data-icon=".">
    ::before
    </spam>
    </a>
    </div>

    Do you have an idea what am I doing wrong ?

    Thank you,
    M.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Not quite about that, but I do have a CSS solution to make the Divi gallery module to have square image:
    Code:
    Log In or Sign Up to view this code.
     
  3. Martin0011

    Martin0011 New Member

    Many thanks !!!!
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  4. Bettina2212

    Bettina2212 New Member

    Hi Martin,

    I am interested to know how you do this:
    "I modified the "et-pb-gallery-module-image-portrait" size by 415 x 415 instead of 400 x 516."
    Maybe it is helpful with my big problem:(
    Thanks!
     
  5. Nadin Designs

    Nadin Designs New Member

    I want to force my gallery images to be square, so i used this code you gave here.
    it worked, but caused a problem, my images (that were originally square) are now cropped.
    how can I make them appear full width? (and still be square)

    Thank you.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
  7. Nadin Designs

    Nadin Designs New Member

    https://nadin-designs.com/experience/
    (it's not complete because i just started building it, but you can see the gallery below the big picture)
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member