Customise font on buttons and cart page

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

Hi there!

I'm in V 7.1

I'd like to change the font on the button on my homepage where it says 'shop the breakfast collection' to my heading 4.

I would also like to change the font in my shopping cart to ALSO be heading 4.

My heading font incase it matters is Brandon Grotesque.

I'd like to increase the size of the circled text in my shopping cart as well.

Thankyou so much!

It is also showing the same font on my question forms, which I'd like to change to heading 4 too.

6 hours ago, isobeleastwood said:

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

Hi there!

I'm in V 7.1

I'd like to change the font on the button on my homepage where it says 'shop the breakfast collection' to my heading 4.

I would also like to change the font in my shopping cart to ALSO be heading 4.

My heading font incase it matters is Brandon Grotesque.

I'd like to increase the size of the circled text in my shopping cart as well.

Thankyou so much!

Hi, add these codes to custom css (Design > Custom CSS) and let me know how it goes 🙂

Buttons:

.sqs-button-element--secondary, input.button.sqs-system-button.sqs-editable-button.sqs-button-element--primary {
  font-family: 'brandon-grotesque';
}

For the cart page text:

/** ITEM, QTY, PRICE **/
._K32yoEnv {
  font-size:13px !important;
}

/** PRODUCT NAME **/
.PZP5x7AEV a {
  font-size: 25px;
}

/** QUANTITY **/
input._YyCpcTMs {
  font-size:20px;
}

/** PRICE **/
.item-price {
  font-size: 20px;
}

/** SUBTOTAL **/
.N6WOGS95z {
  font-size:20px;
}

/** SUBTOTAL PRICE **/
.qA3jzADaQ {
  font-size:25px;
}

hey, i don't think it's actually changing the size of the text.. could be my computer being slow though.

how do i change the font on both the checkout page and the get in touch (form fill out) page to brandon grotesque as well? - the other one that is currently there is just super hard to read because its so thin.

Hey!

The coding worked to change the 'item, quantity, price', but the other ones won't show up on my site (won't change anything that is).

The px size is way larger, as you can see, but still showing as smaller than the 25px text above it (the item, quantity, and price that I was able to change).