chopping cart menu style problem

[cglicence]

2 problem here i have 1- buttons not in same row 2- gray rectangle was out of blue, a bit in left side

[Diana]

@cglicence, Please Go to wp_admin -> Appearance -> customize -> custom css and paste the below given css in the editor .home.page-template .woocart .buttons {margin-bottom: 2px;} .home.page-template .woocart .buttons .button {letter-spacing: 0px;} p.woocommerce-mini-cart__buttons.buttons {margin-right: 2px !important;}

[cglicence]

Gray area fixed, but button still have the problem as old

[cglicence]

Also the price should be left side, its right side, total price

[Diana]

@cglicence, Remove this css from your editor .home.page-template .woocart .buttons {margin-bottom: 2px;} .home.page-template .woocart .buttons .button {letter-spacing: 0px;} paste below given css in the editor .sleek .woocart .buttons .button {padding: 7px 6px;} .sleek .woocart .woocommerce-mini-cart__total .amount {float: left;} .sleek .woocart .woocommerce-mini-cart__total {text-align: right;}  

[cglicence]

This reply has been marked as private.

[Diana]

@cglicence, Remove this code from the editor .sleek .woocart .buttons .button {padding: 7px 6px;} p.woocommerce-mini-cart__buttons.buttons {margin-right: 2px !important;} Paste this one in your editor. .sleek.transparent.fix .woocommerce-mini-cart__buttons.buttons a.button.wc-forward {padding: 7px 3px !important;} .sleek.transparent.fix .woocommerce-mini-cart__buttons.buttons {margin-right: 0px !important;} refer : http://prntscr.com/h8j9iv

[cglicence]

Fixed, thank you.

[Diana]

@cglicence, I am closing the topic.

[Author]

Posts