Debut - Font, colour and size of product title and price

Store Design
1

Hi All

Without changing the fonts under Typography I’d like to change the font, colour and size of the product title and product price

Product title (under featured collection on homepage, each collection page and product recommendations)

Font: Harmonia Sans Light

Colour: #9F79B6

Size: 26px

Product Price (under featured collection on homepage, each collection page and product recommendations)

Font: Basic Commercial Light

Colour: #E587DE

Size: 18px

Examples of after change:

Featured collection on homepage:

Featured collection homepage.jpg
Featured collection homepage.jpg1190×522 53.1 KB

Collections page

Collections page.jpg
Collections page.jpg1235×581 64.6 KB

Product recommendations at the bottom of every individual product page:

Product Recs.jpg
Product Recs.jpg1186×485 66.1 KB

Thanks!

https://cutieluxe.com/ Password cute1

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
li.grid__item .h4.grid-view-item__title.product-card__title {
color: #9F79B6 !important;
font-size: 26px;
font-family: "Harmonia Sans Light"!important;
font-weight: 300;
}

li.grid__item .price__regular span.price-item.price-item--regular {
font-size: 18px !important;
color: #E587DE !important;
font-family: 'Basic Commercial';
font-weight: 300;
}
3

Worked well! Thanks so much.

Do you also know how to center the product title and price?

Also how to make the changes apply to the mobile version as well?

Thank you!

4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
ul.grid li.grid__item dl.price.price--listing {
align-items: center;
justify-content: center;
}

li.grid__item .h4.grid-view-item__title.product-card__title {
text-align: center;
}
5

Thanks @ZestardTech

Is there an easy way to make these changes apply on the mobile view as well?

Thanks