Footer on the cart page has extra space on top

Site URL: https://www.shopcuteco.com/cart

My website footer looks like this on every page:

Except for the cart page, where it has this extra space:

I have been unable to figure out a fix with custom CSS and would appreciate some advice!  The site is public, thanks!

Try these and let me know either works:

section[data-section-id="666a50b94aabad09e1785c9e"] element.style {

padding-top: 0px;

}

or

#cart element.style {

padding-top: 0px;

}

On 11/21/2024 at 6:23 PM, julzfm said:

Footer on the cart page has extra space on top

You can use:

#cart footer.sections .page-section {
  padding-top:0!important;
}

Did this help? Please give feedback by clicking an icon below  ⬇️

On 11/21/2024 at 10:49 PM, M_Fancy_Sites said:

Try these and let me know either works:

section[data-section-id="666a50b94aabad09e1785c9e"] element.style {...

#cart element.style {...

The term element.style cannot be used in CSS because it is not a selector 🙂.

element.style is part of your browser's developer tools and is used to indicate that some CSS exists in the HTML on the page. As inline styles have a higher specificity than other CSS, they usually take priority and so can only be overridden in Custom CSS by using !important keyword.

Did this help? Please give feedback by clicking an icon below  ⬇️

Ah thank you @paul2009 🙂