hawley shopping cart size and store background

Site URL: https://zeronineobjects.squarespace.com

hi, i have a few things i'm stuck with

a) how can i get the cart icon size to 15px, the lowest i can put it is 25px and i'd like it to match the instagram icon which is 15px so it looks cleaner

b) how can i change the background on the store page to an image like the rest of my pages but it wont allow me to do it in the same way

c) on the store page, how can i make the font size of the number you select,  'quantity' and 'add to cart' smaller to size 16px

d) on the store page, the padding on the buttons around add to cart and the quantity selection box smaller to 0.9rem

e) also once in the shopping cart, how can i change the shopping cart title to lowercase and to font size 16px

the password is      zeronine

thank you!

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;
}