Cart Size
Posted: 06 Apr 2021, 20:37
Where can I change the format/font sizes of the cart? The text is very small. Thanks.
V 3.5.6
V 3.5.6
Most of the cart dropdown content is held within these CSS selectors:
general cart module container:
div#phItemCartBox
font size is controlled by:
.ph-small
Here is an example of some CSS you may find useful, use it as a primer and change as needed
Code: Select all
div#phItemCartBox .row {
padding: 0;
line-height: .8rem;
}
div#phItemCartBox {
.col-xs-12.col-sm-1.col-md-1.ph-small.ph-cart-small-quantity {
float: left;
width:-moz-fit-content;
width:-webkit-fit-content;
padding-left: 0;
padding-right: 0;}
.col-xs-12.col-sm-6.col-md-6.ph-small.ph-cart-small-title {
width:-moz-fit-content;
width:-webkit-fit-content;}
.col-xs-12.col-sm-5.col-md-5.ph-small.ph-cart-small-price.ph-right {
width:-moz-fit-content;
width:-webkit-fit-content;
float: right;
}
.col-xs-12.col-sm-7.col-md-7.ph-small.ph-cart-subtotal-netto-txt {
width:-moz-fit-content;
width:-webkit-fit-content;
float: left;
}
.col-xs-12.col-sm-5.col-md-5.ph-small.ph-right.ph-cart-subtotal-netto {
width:-moz-fit-content;
width:-webkit-fit-content;
float: right;
}
.col-xs-12.col-sm-7.col-md-7.ph-small.ph-cart-total-txt {
width:-moz-fit-content;
width:-webkit-fit-content;
float: left;
}
.col-xs-12.col-sm-5.col-md-5.ph-small.ph-right.ph-b.ph-cart-total {
width:-moz-fit-content;
width:-webkit-fit-content;
float: right;
font-size: 1rem;
}
}