hawley shopping cart size and store background

Q1. Add to Design > Custom CSS

/* Cart icon size */
.header .header-actions-action--cart .icon {
    width: 15px;
    height: 15px;
}

Q2. You mean this page? Cover both header, footer, main content?

https://zeronineobjects.squarespace.com/store

Q3. Add to Design > Custom CSS

/* product size */
.quantity-label {
    font-size: 16px;
}
input[type="number"] {
    font-size: 16px;
}
.sqs-add-to-cart-button-inner {
    font-size: 16px !important;
}

Q4. Add to Design > Custom CSS

input[type="number"] {
    padding: 0.9rem !important;
}

Q5. Add to Design > Custom CSS

/* cart title */
h2.cart-title {
    text-transform: lowercase;
    font-size: 16px;
}

5 hours ago, tuanphan said:

Q1. Add to Design > Custom CSS

/* Cart icon size */
.header .header-actions-action--cart .icon {
    width: 15px;
    height: 15px;
}

Q2. You mean this page? Cover both header, footer, main content?

https://zeronineobjects.squarespace.com/store

Q3. Add to Design > Custom CSS

/* product size */
.quantity-label {
    font-size: 16px;
}
input[type="number"] {
    font-size: 16px;
}
.sqs-add-to-cart-button-inner {
    font-size: 16px !important;
}

Q4. Add to Design > Custom CSS

input[type="number"] {
    padding: 0.9rem !important;
}

Q5. Add to Design > Custom CSS

/* cart title */
h2.cart-title {
    text-transform: lowercase;
    font-size: 16px;
}

 

thank you so much tuan!

for question 2 yes i would like the background to cover the header main content and footer just like all other pages

On 3/2/2021 at 7:02 AM, tuanphan said:

/* product size */ .quantity-label { font-size: 16px; } input[type="number"] { font-size: 16px; } .sqs-add-to-cart-button-inner { font-size: 16px !important; }

also for this, the font of the number has changed but not the word 'quantity', how to change the size of that too?

on the store page, i would like the size of the prices to be smaller to 16px

once an item has been added to the cart, i would like the word 'Adding' and 'Added!' to all be in lowercase

in the cart page, i would like all the font to be 16px, at the moment everything is different font sizes and looks messy when there is an item in the cart. also for the word 'Subtotal' to be in lowercase too

when the cart is empty, the message 'You have nothing in your cart. Continue Shopping' how do i make it so that it is all lowercase?

sorry for so many questions but thank you!

On 3/2/2021 at 8:03 PM, yasminva said:

also for this, the font of the number has changed but not the word 'quantity', how to change the size of that too?

 

on the store page, i would like the size of the prices to be smaller to 16px

once an item has been added to the cart, i would like the word 'Adding' and 'Added!' to all be in lowercase

in the cart page, i would like all the font to be 16px, at the moment everything is different font sizes and looks messy when there is an item in the cart. also for the word 'Subtotal' to be in lowercase too

when the cart is empty, the message 'You have nothing in your cart. Continue Shopping' how do i make it so that it is all lowercase?

sorry for so many questions but thank you!

Add to Design > Custom CSS

/* quantiy */
span.sqs-cart-quantity {
    color: red;
    font-size: 30px;
}
/* price */
.grid-prices * {
    font-size: 16px;
}
/* adding added */
div.sqs-add-to-cart-button * {
    text-transform: lowercase !important;
}
/* empty message shopping cart page */
.empty-message span {
    text-transform: lowercase;
}