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 Elements exceeding section limits

Discussion in 'Free Divi Community Forum' started by andalltha, Dec 5, 2019.

  1. andalltha

    andalltha Member

    Hi there!

    I'm currently working on the single product page of my Divi+Woocommerce online store. I divided it into five sections but as you can see here some elements exceed the section limits. I'd like these elements to stay inside the section limits, like on the image attached to this message.

    I'd also want the header and the first section to fit the screen size, like on the image attached to this message. Should I use the calc function?

    Thank you and have a nice day!
     

    Attached Files:

    #1 andalltha, Dec 5, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  2. andalltha

    andalltha Member

    Well four sections, not five.
     
    #2 andalltha, Dec 5, 2019
  3. Divi.Help

    Divi.Help Administrator
    Staff Member

    You can either set the Section settings to have some padding top or bottom. Or just go to the Text module settings to adjust the line height of the character.
    Perhaps something like this: height: calc(100vh - 188px);
     
    #3 Divi.Help, Dec 5, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  4. andalltha

    andalltha Member

    Thank you very much for the answer! Everything works fine but the product image size. I tried to set its height and the row's height to 100% or height: calc(100vh - 188px) but it still exceeds the section's limits.
     
    #4 andalltha, Dec 5, 2019
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share screenshot on what you meant by this.
     
    #5 Divi.Help, Dec 6, 2019
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  6. andalltha

    andalltha Member

    Here it is!
     

    Attached Files:

    #6 andalltha, Dec 6, 2019
  7. 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.
     
    #7 Divi.Help, Dec 6, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  8. andalltha

    andalltha Member

    Woohoo! It works! Thank you so much!
     
    #8 andalltha, Dec 7, 2019
(You must log in or sign up to post here.)