Changing the font of the description

Solved

Changing the font of the description

Brilant
Tourist
19 0 2

Hi guys I am tryin to change the font of the descrption in my product page.

My site is : www.secretsbyglammy.com

if you go to https://secretsbyglammy.com/products/mystery-box-basic in the part called "descrizione" there is a specific font that i wanna use, but if you go to https://secretsbyglammy.com/products/mystery-box-premium or https://secretsbyglammy.com/products/mystery-box-deluxe the font changes. I tried to check the code but i found nothing, can anyone help to change the font of these last 2 products to the first one i mentioned?
Thank you very much.

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
565 114 137

This is an accepted solution.

Hi @isabellemaria,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

 

details .accordion__content * {
    font-family: var(--font-heading-family) !important;
    font-style: var(--font-heading-style) !important;
    font-weight: var(--font-heading-weight) !important;
    letter-spacing: calc(var(--font-heading-scale) * .06rem) !important;
    color: rgb(var(--color-foreground)) !important;
    line-height: calc(1 + .3/max(1,var(--font-heading-scale))) !important;
    word-break: break-word !important;
    font-size: calc(var(--font-heading-scale) * 1.8rem) !important;
}

 

Here is result: 

 

BSSCommerceB2B_2-1718462506087.png

 

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

 

 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Reply 1 (1)

BSSCommerce-B2B
Shopify Partner
565 114 137

This is an accepted solution.

Hi @isabellemaria,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

 

details .accordion__content * {
    font-family: var(--font-heading-family) !important;
    font-style: var(--font-heading-style) !important;
    font-weight: var(--font-heading-weight) !important;
    letter-spacing: calc(var(--font-heading-scale) * .06rem) !important;
    color: rgb(var(--color-foreground)) !important;
    line-height: calc(1 + .3/max(1,var(--font-heading-scale))) !important;
    word-break: break-word !important;
    font-size: calc(var(--font-heading-scale) * 1.8rem) !important;
}

 

Here is result: 

 

BSSCommerceB2B_2-1718462506087.png

 

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

 

 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency