Jump to content

Custom Shopping Cart - text options and mobile display

Recommended Posts

Site URL: https://www.sydneyalexiscoaching.com/

For mobile display, how do I get rid of this blue square:

image.thumb.png.d9356dcf4d480c2a77ee9f57122e0431.png

And how do I make the price text larger:

image.thumb.png.180f8f76f1744f4f11e0031a5a28bcd2.png

Current codes on page are: 

/* Shopping Cart Title */
.cart-title {
color: #4169E1;
text-transform:uppercase;
text-align: center
}

/* Cart Content */
.cart-container{
background: #fefaf2;
border-radius: 15px;
padding: 1rem;
border:1px solid #333;
width: 80vw;
margin:auto
}

/* Product Row */
.cart-row {
border:none!important
}

/* Product Image */
.cart-row-img{
border-radius: 15px
}

/* Product Title */
.cart-row-title {
color: #black !important;
font-size: 23px !important;
}
/* Cart page */
body#cart #page {
    background: #fefaf2;
}
.cart-item-list-labels span {
    font-size: 25px !important;
    color: black;
}
/* price */
.item-price {
color: black;
font-size: 20px
}
#cart .cart-subtotal-label {
    text-transform: uppercase;
}

Link to comment
  • Replies 1
  • Views 504
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.