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

Footer #6 Row Height

Discussion in 'Basic Support Forum' started by Don Johnson, Jul 21, 2020.

  1. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    On one of my Divi Ultimate sites my client (who is ridiculously picky) noticed that the Bar on Footer #6 is different heights on different pages. Since the pages on the same width I am wondering why the height is different and how I can set it so they are the same

    I have attached 2 screenshots.

    FooterHeight1 is from this page https://steri-apps.net/product-category/trolleys-tool-boxes/toolbox-modules/

    FooterHeight1 is from this page https://steri-apps.net/about-us/

    On the two different pages there is 10px difference in height.

    How can I make this uniform? Thanks.
     

    Attached Files:

    #1 Don Johnson, Jul 21, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help Pro Support, Jul 21, 2020
  3. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    Thank you....

    Just in anticipation of my clients ridiculous question is there an additional code I could add to make the bar 120px every time instead of 130px?
     
    #3 Don Johnson, Jul 21, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For that case, you can simply go to the row settings & set a smaller padding top and bottom:
    upload_2020-7-22_12-8-16.png
     
    #4 Divi.Help Pro Support, Jul 21, 2020
  5. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    Obviously...sorry should have thought of that.

    Thanks
     
    #5 Don Johnson, Jul 21, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  6. Don Johnson

    Don Johnson Member
    Pro Member (Support Expired)

    So now a new issue has popped up. It appears to only happen on WooCommerce Product Pages.

    https://steri-apps.net/product/tw-25-25/

    The Footer Bar is being pulled out of the footer, so it loses the overlap.

    Any idea what would cause this?
     

    Attached Files:

    #6 Don Johnson, Jul 22, 2020
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Seems to have other CSS overriding it.

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #7 Divi.Help Pro Support, Jul 22, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)