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 Testimonial Quote Icon Cut off

Discussion in 'Free Divi Community Forum' started by Matt C, Jul 1, 2024.

  1. Matt C

    Matt C New Member

    I have searched for help with this to no avail.
    When I add a border radius to the testimonial module or the row module it is in, the quote icon immediately gets cut off. I attached a photo to show what I am talking about and it only has a 1px border radius. I cannot figure out why it is doing this.
    Any help would be appreciated.
    Thank you!

    Screenshot 2024-07-01 124642.png
     
    #1 Matt C, Jul 1, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  2. Matt C

    Matt C New Member

    So the only fix I could come up with is to add top padding to the individual columns. This pushes the testimonial module down in the column revealing the entire quote icon. It's not what I really want, as I like the look of the icon being half-way on the top and bottom, but it will do for now.
    Screenshot 2024-07-01 152950.png
     
    #2 Matt C, Jul 1, 2024
  3. Divi Booster

    Divi Booster Divi Expert

    Hey Matt,

    When setting the border radius on the testimonial module itself, try adding this into "Testimonial Settings > Advanced > Custom CSS > Module Elements > Main Element":

    Code:
    Log In or Sign Up to view this code.
    That will ensure that content that overhangs the edge of the module, such as the quote icon, is shown (normally overhanging content is, I think, hidden when border radius is set to handle the edge case of module content overhanging the now clipped corners.
     
    #3 Divi Booster, Jul 1, 2024
    MFasdas and Gary Banta like this.
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  4. Matt C

    Matt C New Member

    Thank you for getting back to me.
    I had to use the css on the individual column that the testimonial module was in to get it to work, and it works perfectly!
    Thanks so much for your help!
     
    #4 Matt C, Jul 1, 2024
    Gary Banta likes this.
  5. Divi Booster

    Divi Booster Divi Expert

    You're welcome, Matt. I'm glad that worked!
     
    #5 Divi Booster, Jul 1, 2024
    Gary Banta and Matt C like this.
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  6. Gary Banta

    Gary Banta New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Perfect solution with CSS, Thank you!
     
    #6 Gary Banta, Feb 6, 2025
  7. Divi Booster

    Divi Booster Divi Expert

    You're welcome, Gary!
     
    #7 Divi Booster, Feb 10, 2025
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)