1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/
This is the support forum for Divi Ultimate Child Theme.

To access this support forum, you need to purchase Divi Ultimate Child Theme.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/

Footer #6 Row Height

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

  1. Don Johnson

    Don Johnson Member
    Divi Ultimate Child Theme

    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. AD Free Divi premade layouts & sections for download: https://divi.help/link-forums/divi-den-freebies.145/
  2. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_blurb_position_left .et-pb-icon-circle {
        padding: 15px!important;
    }
    .free-du-plugin-footer .et_pb_text>:last-child {
        padding-left: 0!important;
        padding-right: 0!important;
    }
     
  3. Don Johnson

    Don Johnson Member
    Divi Ultimate Child Theme

    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?
     
    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/
  4. Divi Ultimate

    Divi Ultimate 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
     
  5. Don Johnson

    Don Johnson Member
    Divi Ultimate Child Theme

    Obviously...sorry should have thought of that.

    Thanks
     
    1. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/
  6. Don Johnson

    Don Johnson Member
    Divi Ultimate Child Theme

    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:

  7. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Seems to have other CSS overriding it.

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    body.single-product .free-du-plugin-footer #et-boc .et-l .et_pb_section:first-child {
        padding-top: 53px!important;
    }
     
    1. AD Speed up your Divi site with Divi specific cache plugin: https://divi.help/link-forums/divi-rocket.160/

Recommended Divi Hosting