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

Too much padding above and below carousel

Discussion in 'Support Forum' started by Joe Ciaramella, Aug 9, 2022.

  1. Joe Ciaramella

    Joe Ciaramella 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

    Can someone please tell me why there is so much padding added to this carousel?

    https://advancedstucco.com/new-home-test/

    I reduced the section and row to 0 margin and padding and it still has a lot. Can't figure it out in the code.

    This is the "Gallery Carousel" module.

    Thank you!
     
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    That's weird. Might be caused by your lazy load image feature.

    But before that, you may try one of the below:
    1. Add margin top & bottom 0 for each of the image Row Settings.
    2. Or just add the below CSS at WP Admin > Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    **Just apply any one of the above & see if it works.

    If still not working, then you might want to try to disable your lazy load image feature & see if it works.
     
  3. Wim Gombeer

    Wim Gombeer New Member
    Pro Member (Support Expired)

    Is there a fix? I've just tried to use the above suggestions but it did not work, used the full screen gallery carrousel...
     

    Attached Files:

    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 Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL for us to troubleshoot further. Thanks.
     
  5. Wim Gombeer

    Wim Gombeer New Member
    Pro Member (Support Expired)

    https://liberationgarden.be/

    a lot goes wrong here... the slider is not reacting like the example... what did i do wrong? paralax? It is acting up weird on mobile for sure...
    Any help to improve welcome... (also issue with general linkcolour> do i ask in other forum)

    padding seems to be allright now
     
    #5 Wim Gombeer, Apr 6, 2023
    Last edited: Apr 6, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I believe the issue is caused by your Divi Booster plugin that set default mobile row width to 90%.

    For a quick fix, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    You may just ask it here. We can help you on that. Kindly elaborate more on the link color issue.
     
  7. Wim Gombeer

    Wim Gombeer New Member
    Pro Member (Support Expired)

    OK, it did the trick with the "halve pictures" but with the scaling somethng goes wrong... in you example everything scales nicely... her i've got just a piece of the picture... (see example)

    On the issue of the link color... i adjusted it inthe theme settings but it only briefly changes and than it goes back to that link color (light greenish)...

    (sorry for newbie questions, i'm more a photographer (not a webguy))

    Appreciate all the help with this site... if you would have more suggestionsfrom your side... thanks!!!

    (also issue on menu mobile > strange text appeared > "selecteer een pagina" )
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Our example did have cropped image as well, due to the fullscreen size. To keep the full image shown on mobile, try the below CSS in Divi > Theme Options > Custom CSS to make the background image size smaller in height:
    Code:
    Log In or Sign Up to view this code.
    **You may need to adjust 60% to suit your need.
    That's because you set the color scheme to be green & it overwrite your other link color set. You need to change it back to default at: Theme Customizer > Color Scheme > Default
    That's the default Divi centered menu design on mobile. If you want to hide the text & move the hamburger menu to the center, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    Wim Gombeer likes this.
  9. Wim Gombeer

    Wim Gombeer New Member
    Pro Member (Support Expired)

    Thank you!!!
     
    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
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Wim Gombeer likes this.
  11. Wim Gombeer

    Wim Gombeer New Member
    Pro Member (Support Expired)

    If you have any suggestions for this website, i would love to hear about it... still learning...
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  12. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    One thing I noticed is that your menu has extra white spacing.

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    But there's another spacing issue when the menu is sticky. To fix it, go to the menu module settings & remove margin top and bottom value.