Title: CSS Shopping Cart Customization
Last modified: May 12, 2019

---

# CSS Shopping Cart Customization

 *  Resolved [diegoarbelaezco](https://wordpress.org/support/users/diegoarbelaezco/)
 * (@diegoarbelaezco)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-shopping-cart-customization/)
 * Hello,
 * I’m trying to customize the shopping cart box that appears in the homepage of
   my site. I have made the inspection with my browser inspector tool and I have
   found that the box name is: .cart-contents{}
 * I have added the following code to the additional CSS section in Storefront CSS
   editor:
 * .cart-contents{
    padding-top: 10px; padding-bottom: 0em; }
 * However seems it is not being accepted or read, because it has not effect over
   the site.
 * Please let me know how to customize it
 * The real fact is that I need to align the Shopping Cart box with a menu.
 * I really appreciatte your help
 * website: _[ redundant link removed ]_
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-shopping-cart-customization%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Christian Lyon](https://wordpress.org/support/users/clyon/)
 * (@clyon)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-shopping-cart-customization/#post-11523107)
 * Prueba poner !important detrás de cada instrucción.
    Yo lo he probado en Apariencia–
   > Personalizar –> CSS adicional y FUNCIONA!
 * .cart-contents{
    padding-top: 10px!important; padding-bottom: 0em!important; }
 * Saludos.
 *  [Riaan K.](https://wordpress.org/support/users/riaanknoetze/)
 * (@riaanknoetze)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-shopping-cart-customization/#post-11538369)
 * Hi there,
 * The reason your code isn’t working is that the selectors aren’t _specific_ enough
   and are therefore being overridden by the default Storefront styles. That means
   that you can either use `!important` as outlined above, or you can use the following
   code under **Appearance > Customize > Additional CSS** :
 *     ```
       body .site-header-cart .cart-contents {
         padding-top: 10px;
         padding-bottom: 0em;
       }
       ```
   
 *  Thread Starter [diegoarbelaezco](https://wordpress.org/support/users/diegoarbelaezco/)
 * (@diegoarbelaezco)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-shopping-cart-customization/#post-11538758)
 * Rian!
 * I really appreciate your help. It solved the problem.
 * Thanks!
 * Diego A.
 *  Thread Starter [diegoarbelaezco](https://wordpress.org/support/users/diegoarbelaezco/)
 * (@diegoarbelaezco)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-shopping-cart-customization/#post-11538787)
 * [@clyon](https://wordpress.org/support/users/clyon/) Gracias! también tu manera
   funcionó! Slds
 *  [Christian Lyon](https://wordpress.org/support/users/clyon/)
 * (@clyon)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-shopping-cart-customization/#post-11538911)
 * DE nada! Saludos.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS Shopping Cart Customization’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png)
 * Storefront
 * [Support Threads](https://wordpress.org/support/theme/storefront/)
 * [Active Topics](https://wordpress.org/support/theme/storefront/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/storefront/reviews/)

## Tags

 * [additional css](https://wordpress.org/support/topic-tag/additional-css/)
 * [css customization](https://wordpress.org/support/topic-tag/css-customization/)

 * 5 replies
 * 3 participants
 * Last reply from: [Christian Lyon](https://wordpress.org/support/users/clyon/)
 * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/css-shopping-cart-customization/#post-11538911)
 * Status: resolved