BrandBItes

Thanks! But how can I change the size of this font?

Hi there, I'm would like to change the font size of the 'fill in' part of my form. I'm using a custom font here. How could I change only this part with custom css? Any thoughts? Thanks!

I already tried this piece of code: } body.homepage .plyr__controls { display: none !important; } But that is not working.

Hi there, I am trying to find a solution in order to autoplay a background video on mobile. When I open my website on mobile, the video doesn't autoplay like it does on desktop. The play button appears and I can't even click it. So i would love to make it autoplay there as well. Any advice? website link: https://quincaillerie.be/ Thanks in advance!

Any succes solving this issue? I'm having the same problem and this peice of code doesn't seem to do the trick. Thanks!

Ok, thanks for the quick answer!

I want to make a form for the website of a restaurant where they can reserve a table for large groups starting from 9 people. Is there a way I can make sure they can only submit the form when they put a number higher than 9? Is there a way I can put some custom css to make this happen? Thanks!

Yeah online it seems to work, but on the mobile version it changes to this font.

Hi all, I am using the tool Weglot to translate my website into three languages. I was wondering if it's possible to edit translated sections inside squarespace. I would like to delete a section in one languages only. Is this possible? Thanks a lot!

Yes, I did. It's visible at the bottom of the website. But for some reason it's not working in the accordion feature. I see on the web version it has also stopped working & changed to the default font now.

Sure: https://www.brandbites.be/ The accordion is on the homepage at 'our expertise'.

Hi there. I have a problem with my custom fonts. Everywhere they work good. Only on the mobile version the discription of the accordion feature is a random font. I tried to put this: } div.accordion-item__description * { font-family: 'basier-square-regular' !important; } But it doesnt seem to work. I also have this code: // Paragraphs // Paragraph 1 .sqsrte-large { font-family: 'basier-square-regular'; font-weight: 600; font-style: regular; font-size: 19px; letter-spacing: 0.1em; text-transform: lowercase; line-height: 1em; } // Paragraph 2 p { font-family: 'basier-square-regular'; font-weight: 700; font-style: regular; font-size: 25px; letter-spacing: 0.1em; text-transform: lowercase; line-height: 1em; } // Paragraph 3 .sqsrte-small { font-family: 'basier-square-regular'; font-weight: 700; font-style: regular; font-size: 40px; letter-spacing: 0.1em; text-transform: lowercase; line-height: 1em; } Can anyone help me out? Thx!

Sure! https://www.brandbites.be/

Thank you so much! Helpful info. I didn't explain it well, but I was actually referring to the font in the description of the accordion. How is that named? Or with which code can I change this one? Thx a lot!

Hi there, My website is working fine and I installed custom fonts. Now on my mobile device in the accordion feature the correct font isn't showing up. Can anyone help? It is the 'basier-square-regular' that isn't working. Thanks a lot! CSS: @font-face { font-family: 'euclidsquarebold'; src: url(https://static1.squarespace.com/static/657c42e279893a756cdb4d29/t/657c5b1b04a15523abbdc42d/1702648603469/EuclidSquare-Bold.otf); } @font-face { font-family: 'basier-square-regular'; src: url(https://static1.squarespace.com/static/657c42e279893a756cdb4d29/t/657c5baeb529e32d29f5a9f1/1702648750437/BasierSquareMono-Regular.otf); } @font-face { font-family: 'basier square Semibold'; src: url(https://static1.squarespace.com/static/657c42e279893a756cdb4d29/t/65804e774581d60d1b44f2f5/1702907511407/BasierSquareMono-SemiBold.otf); } // FONT USE h1 { font-family: 'euclidsquarebold'; font-size:40pt; letter-spacing: 1px; line-height: 140%; } h2 { font-family: 'euclidsquarebold'; font-size: 35pt; letter-spacing: 0px; line-height: 140%; } h3 { font-family: 'euclidsquarebold'; font-size: 29pt; letter-spacing: 1px; line-height: 140%; } h4 { font-family: 'euclidsquarebold'; font-size: 29pt; letter-spacing: 1px; line-height: 140%; } // Paragraphs // Paragraph 1 .sqsrte-large { font-family: 'basier-square-regular'; font-weight: 600; font-style: regular; font-size: 19px; letter-spacing: 0.1em; text-transform: lowercase; line-height: 1em; } // Paragraph 2 p { font-family: 'basier-square-regular'; font-weight: 700; font-style: regular; font-size: 25px; letter-spacing: 0.1em; text-transform: lowercase; line-height: 1em; } // Paragraph 3 .sqsrte-small { font-family: 'basier-square-regular'; font-weight: 700; font-style: regular; font-size: 40px; letter-spacing: 0.1em; text-transform: lowercase; line-height: 1em; }

Oh great, that worked. Thanks! I forgot to mention that my other font I imported for the paragraphs doesn't work either. I don't see any mistakes in the code here...

Trying to add custom fonts to my website, but only heading 2-3-4 seems to work. Very strange because code is the same for all the fonts. Can anyone help?

Hey, This works! But I would like to only set the language icon smaller. Is that possible as well? Thanks a lot.

Sure! https://mandarin-begonia-6j7m.squarespace.com/config/

Hi there, I have an issue with a menu page of a restaurant where I use the menu block feature. Every time i select a different part of the menu the pictures recale while the size of the text remains the same? It makes no sense these photos rescale. Anyone that can help me with this problem? Thanks!

How can I make the pages and language options in my hamburger menu smaller? See example. Thanks!