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!

Hi @tuanphan I've used this code for the desktop and it's working. How could I have the same result on mobile? // Product Cagetory Sidebar Style // .products.collection-content-wrapper .nested-category-tree-wrapper { background: #F3F4F2; border: 0px solid #F3F4F2; border-radius: 00px; padding: 30px; text-align: left; font-size: 18px; }

Hi @tuanphan thank you! the code works better and also works for mobile. The only thing is that the product description is now under the "Add to Cart" button. Can we move the product description under the color option? So that we'll you have: Product title - Product price - Color options - and the rest of the elements.

Hi @tuanphan i've made the website public now

super, i'll wait, Thank you @tuanphan!

@Ziggy thank you for the support and the help! No problem for the contribution invitation, the only thing i need you email to send you the invitation.

Hi @Ziggy thank you for the help! I've solved the shopping icon problem. However I've tried to adapt the Aspect ratio value as the video suggested but nothing is changing 🤔. I'm using this code section[data-section-id="62d2c41f3af73060d646c0d5"] { min-height:clamp(0px, 75vw, 100vh) !important; }

Site URL: https://bozoo.it/ Site URL: https://bozoo.it/ Password: Bozooimilioni Hello, I am trying resize the header image for the mobile and tablet. I've tried several custom code published in the forum but nothing works for my website. Also the shopping icon is cut on the right, how can i fix that? Thank in advance for the help!

Site URL: https://isabmonaco.com/shop-1 Site URL: https://isabmonaco.com/shop-1/homediffuser Hi everyone, I need help with the filter categories in my website, I use Squarespace 7.1, business account. 1 ) In the shop section I would like to have always have the filter categories sticked on the right when I scroll. Same thing on the mobile but sticked on top or on the right. (maybe adding a background the header?) (screenshot attached) 2) I would like to have the category filter path at the top of the product. On the desktop it shows only the product name and on the mobile the same. Has anyone figured out a way to do this? Many thanks, Claudia

Also @tuanphan I've noticed that this happened (both on desktop and mobile).I also noticed this happened (on both desktop and mobile). When I click on the variant color, its image does not change.

Super, it worked, thank you! how can i make it this works also on mobile?