claudiafrat

@KwameAndCoThank you! It works pretty good!

@KwameAndCo You mean like this? @font-face { font-family: NeueHaasUnicaW1G-Regular; src:url(https://static1.squarespace.com/static/62d133022b745d11a9223070/t/6339b37b08415113fc075b75/1664725884064/NeueHaasUnicaW1G-Regular.otf@font-face); } I've tried and it's still not visible.

I've noticed that the custom font is not visible also in Chrome on Windows

thank you! it works!

Thanks @Ziggy I can control the size of the accordion and the title of the products. How can I control the price size, product description and the "You Might Also Like"? Furthermore, the size of the header and newsletter text does not change. For the header I tried with #collection-62d2c41f3af73060d646c0d2 h1 { font-size:2rem; } For the newsletter, maybe that code goes in conflicts with the code I entered regarding the custom font? Here the code: // Newsletter Form Title // .newsletter-form-header-title { font-family: NeueHaasUnicaW1G-Bold !important; } // Newsletter Form Description // .newsletter-form-header-description p { font-family: NeueHaasUnicaW1G-Regular !important; } // Newsletter Form Fields // .newsletter-form-field-element { font-family: NeueHaasUnicaW1G-Regular !important; } // Newsletter Form Button // .newsletter-form-button { font-family: NeueHaasUnicaW1G-Regular !important; } // Newsletter Form Footnote // .newsletter-form-footnote { font-family: NeueHaasUnicaW1G-Regular !important; }

Site URL: https://bozoo.it/ Hello, I m having trouble with my website. I uploaded a custom font in CSS but it is not showing the right one in Safari/Android and Chrome from Android mobile HERE THE CODE USED AT THE MOMENT /* custom font*/ @font-face { font-family: NeueHaasUnicaW1G-Regular; src: url(https://static1.squarespace.com/static/62d133022b745d11a9223070/t/6339b37b08415113fc075b75/1664725884064/NeueHaasUnicaW1G-Regular.otf@font-face {); } // Newsletter Form Title // .newsletter-form-header-title { font-family: NeueHaasUnicaW1G-Bold !important; } // Newsletter Form Description // .newsletter-form-header-description p { font-family: NeueHaasUnicaW1G-Regular !important; } // Newsletter Form Fields // .newsletter-form-field-element { font-family: NeueHaasUnicaW1G-Regular !important; } // Newsletter Form Button // .newsletter-form-button { font-family: NeueHaasUnicaW1G-Regular !important; } // Newsletter Form Footnote // .newsletter-form-footnote { font-family: NeueHaasUnicaW1G-Regular !important; } // Site Title // .header-title-text a { font-family: NeueHaasUnicaW1G-Regular !important; } // Site Navigation // .header-nav-item a { font-family:NeueHaasUnicaW1G-Regular !important; } @font-face { font-family: NeueHaasUnicaW1G-Bold; src: url(https://static1.squarespace.com/static/62d133022b745d11a9223070/t/6339aee0e0b2951ae90bd2ff/1664724704997/NeueHaasUnicaW1G-Bold.otf@font-face {); } h1 { font-family: 'NeueHaasUnicaW1G-Bold'; } h2 { font-family: 'NeueHaasUnicaW1G-Bold'; } h3 { font-family: 'NeueHaasUnicaW1G-Bold'; } p { font-family: 'NeueHaasUnicaW1G-Regular'; } // Small or Tertiary Button // .sqs-block-button-element--small, .sqs-button-element--tertiary { font-family: NeueHaasUnicaW1G-Regular !important; } // Medium or Primary Button // .sqs-block-button-element--medium, .sqs-button-element--primary { font-family: NeueHaasUnicaW1G-Regular !important; } // Large or Secondary Button // .sqs-block-button-element--large, .sqs-button-element--secondary { font-family: NeueHaasUnicaW1G-Regular !important; } Thank you in advance

Site URL: https://bozoo.it/ Hello, I've update a custom font on my website and I would like to manage and control the type size of specific sections without affecting the rest of the site. Here the request: Make the newsletter title and body text smaller (for example the title not to be h1 but h2) Make header text text smaller without affecting the rest of the site. In the shop section https://bozoo.it/shop/p/fred the product title, quantity and price do not use the custom font I uploaded. In that section How can I make the accordion title text smaller and the product title larger? thank you in advance!

Thanks Ziggy, I look at the link now!

Site URL: https://bozoo.it/ Hello, I would like to get a scrolling product gallery for my product like this website. https://sabai.design/ I am referring to the section "Beautiful, sustainable furniture for you, and for the Earth". How I can achive that in my template Saltless?

thank you @tuanphan

Super! Now it works, thank you so much!

Hi @tuanphan Yes! remove those spaces highlighted in red

Hi @tuanphan the order should be: 1) Product title 2) Product price 3) Color options - and the rest of the elements. 4) Product description 5) Accordion. 6)Quantity + pre–order button. thank you!

Hi @tuanphan thank you! Just two things: how can I reduce the height of the gray bar that contains the filters and remove that space between the bar and the header?

Hi @tuanphan sorry but the order is still messed up!