Custom font doesn't work

Hi guys,

This code for the paragraph (large/small) doesn't work for me,

p.sqsrte-large {font-family: 'Walsheim';}
p.sqsrte-small {font-family: 'Walsheim';}

although the usual "p" works.

p {font-family: 'Walsheim';}

Perhaps there is some kind of replacement?

Thanks x

Hi,

Try this

p {font-family: 'Walsheim' !important;}

This will apply for both sqsrte-small & sqsrte-large

On 4/11/2022 at 2:11 AM, tuanphan said:

Hi,

Try this

p {font-family: 'Walsheim' !important;}

This will apply for both sqsrte-small & sqsrte-large

Big Thanks!

On 4/11/2022 at 2:11 AM, tuanphan said:

Hi,

Try this

p {font-family: 'Walsheim' !important;}

This will apply for both sqsrte-small & sqsrte-large

Hello again! I ran into a problem that the font is not used everywhere.
I will attach screenshots where is the other font.

https://calliope-tulip-rjr7.squarespace.com/

Store page (navigation and product price)
Product page (navigation, product price, add to cart button, price "maybe you like it")
Shopping cart (product name, quantity and checkout button).

Surprisingly, on the shopping cart page, the price of the product is written in the font that I need.

Help me change the font in these details please.

On 5/3/2022 at 11:18 PM, Venera said:

Hello again! I ran into a problem that the font is not used everywhere.
I will attach screenshots where is the other font.

https://calliope-tulip-rjr7.squarespace.com/

Store page (navigation and product price)
Product page (navigation, product price, add to cart button, price "maybe you like it")
Shopping cart (product name, quantity and checkout button).

Surprisingly, on the shopping cart page, the price of the product is written in the font that I need.

Help me change the font in these details please.

The site is private. Can you setup a password?

17 hours ago, tuanphan said:

The site is private. Can you setup a password?

I copied the site because the trial period ends there

https://reed-glockenspiel-rhkr.squarespace.com/
Password - support

🙂

On 5/6/2022 at 2:11 PM, Venera said:

I copied the site because the trial period ends there

https://reed-glockenspiel-rhkr.squarespace.com/
Password - support

🙂

Add to Design > Custom CSS

* {
    font-family: utopia-std-headline !important;
}

4 hours ago, tuanphan said:

Add to Design > Custom CSS

* {
    font-family: utopia-std-headline !important;
}

 

Yes, it works well and changes everything to the utopia font, but I need the walsheim font and in this case all the headings and some buttons acquire the walsheim font. Is it possible to somehow change only these areas that I sent in the screenshots? 
-Store page (navigation and product price)
-Product page (navigation, product price, add to cart button, price "you might also like")
-Shopping cart (product name, quantity and checkout button).

In these places, I need the walsheim font, and utopia should remain in the headings.
Is it possible to do this?

Use this CSS

div#block-yui_3_17_2_1_1651833850081_3741 p strong {
    font-family: utopia-std-headline !important;
}
li.nested-category-breadcrumb-list-item a {
    font-family: utopia-std-headline !important;
}
.product-price {
    font-family: utopia-std-headline !important;
}
.sqs-add-to-cart-button-inner {
    font-family: utopia-std-headline !important;
}
.cart-row-title, .cart-row-price {
    font-family: utopia-std-headline !important;
}

On 5/9/2022 at 11:19 AM, tuanphan said:

Use this CSS

div#block-yui_3_17_2_1_1651833850081_3741 p strong {
    font-family: utopia-std-headline !important;
}
li.nested-category-breadcrumb-list-item a {
    font-family: utopia-std-headline !important;
}
.product-price {
    font-family: utopia-std-headline !important;
}
.sqs-add-to-cart-button-inner {
    font-family: utopia-std-headline !important;
}
.cart-row-title, .cart-row-price {
    font-family: utopia-std-headline !important;
}

 

Thank you very much! It worked, but not in all places. please help me change the font in these places (I hope I'm not bothering you too much 🙂).
- navigation on the product page (the font is very similar, but it's not walsheim)
- in the cart the product name, quantity and checkout button

I noticed that when I refresh the page, my font "jumps" and changes from the old to the new one. As a result, when the page loads, the font changes, but can these jumps be avoided somehow? How do I make sure that the correct font is loaded initially?

p.s.: my website is now here
https://falcon-lavender-b2h4.squarespace.com/
pw - support

On 5/17/2022 at 3:30 PM, Venera said:

Thank you very much! It worked, but not in all places. please help me change the font in these places (I hope I'm not bothering you too much 🙂).
- navigation on the product page (the font is very similar, but it's not walsheim)
- in the cart the product name, quantity and checkout button

I noticed that when I refresh the page, my font "jumps" and changes from the old to the new one. As a result, when the page loads, the font changes, but can these jumps be avoided somehow? How do I make sure that the correct font is loaded initially?

p.s.: my website is now here
https://falcon-lavender-b2h4.squarespace.com/
pw - support

 

 

Use this CSS

a.ProductItem-nav-breadcrumb-link {
    font-family: 'utopia-std-headline';
}
.cart-checkout-button {
    font-family: 'utopia-std-headline' !important;
}
input.cart-row-qty-input {
    font-family: 'utopia-std-headline' !important;
}

21 minutes ago, tuanphan said:

Use this CSS

a.ProductItem-nav-breadcrumb-link {
    font-family: 'utopia-std-headline';
}
.cart-checkout-button {
    font-family: 'utopia-std-headline' !important;
}
input.cart-row-qty-input {
    font-family: 'utopia-std-headline' !important;
}

 

Thank you very much! Thanks to you, my website is now perfect 😁

hi! I just found pieces of text that css was not applied to ("sold out" on the product page and "breadcrumbs") how can I change the font here to walsheim?

https://heptagon-brass-6xej.squarespace.com/
pw - hello

Help me please 🙂

2 hours ago, Venera said:

hi! I just found pieces of text that css was not applied to ("sold out" on the product page and "breadcrumbs") how can I change the font here to walsheim?

https://heptagon-brass-6xej.squarespace.com/
pw - hello

Help me please 🙂

 

Use this

a.nested-category-breadcrumb-link {
    font-family: 'Walsheim' !important;
}

2 hours ago, tuanphan said:

Use this

a.nested-category-breadcrumb-link {
    font-family: 'Walsheim' !important;
}

 

Thank you very much! This only works in the desktop version, help me plase with the code also for the mobile version 🙂

5 minutes ago, Venera said:

Thank you very much! This only works in the desktop version, help me plase with the code also for the mobile version 🙂

Sorry I made a mistake, it works everywhere! Thank you very much! (although I will be happy if you help me remove the capital letters).

Do you have a code to change the font of the "sold out" on the product page?

On 8/5/2022 at 6:40 PM, Venera said:

Sorry I made a mistake, it works everywhere! Thank you very much! (although I will be happy if you help me remove the capital letters).

Do you have a code to change the font of the "sold out" on the product page?

Use this code

body.view-item .product-mark.sold-out {
    font-family: 'Walsheim' !important;
}

On 8/7/2022 at 5:55 AM, tuanphan said:

Use this code

body.view-item .product-mark.sold-out {
    font-family: 'Walsheim' !important;
}

 

Big thanks! You help me a lot! 🙂