Oda

Hi! I have used the code above, and it worked perfectly. But, the "Accept"-button didn't change. I tried to do it myself, but it doesn't seem to work. Any help? .sqs-cookie-banner-v2-cta p { font-size: 12px; font-family: 'DMSans' !important; }

Hi! I've been trying to change the size of the text on the button in my header. The rest of the buttons on my page has the "correct" font size, but in my header the size is bigger. I tried the code above, but it didn't seem to affect the size, just colours. Any help? https://etna-as.squarespace.com/ PW: Lansering

Thank you, worked out! It seems to be a little more to the left than to the right – anything I can try out there? Updated on my page, so you can see for yourself. https://www.littlebigsister.com/om-oss

Hi! I've been trying to do this as well, but I can't make it work. Could you help, @tuanphan? Trying to make the bottom 2 center like the photo in the thread above. I tried this code and changed the data-section-ID to mine. This is the page: https://www.littlebigsister.com/om-oss

Sadly this didn't work either. Thank you for your help either way!

I tried by myself, but my headings still look the same on my iPhone, sadly. @font-face { font-family: 'EksellDisplay'; src: url('https://static1.squarespace.com/static/61d56b82725cde14d95764f9/t/61d56d158491b024edd96292/1641377045670/EksellDisplayLarge.woff2'); } h1 {font-family: 'EksellDisplay'; letter-spacing: .0em !important;} @font-face { font-family: 'Apercu'; src: url('https://static1.squarespace.com/static/61d56b82725cde14d95764f9/t/61d56cdc4404080eb812179f/1641376988511/apercu-bold-webfont.woff'); } h2 {font-family: 'Apercu'; letter-spacing: .0em !important;} h3 {font-family: 'Apercu'; letter-spacing: .0em !important;} h4 {font-family: 'Apercu'; letter-spacing: .0em !important;}

Hi again! I tried to ask, but we couldn't solve it. I was wondering – may it help til set the letter spacing in the custom CSS code? It seems to be a problem with h1, h2 and h3 + my site title. Could you help me with code to manually override that? If it may help, this is the custom CSS I'm using for my whole page. @font-face { font-family: 'EksellDisplay'; src: url('https://static1.squarespace.com/static/61d56b82725cde14d95764f9/t/61d56d158491b024edd96292/1641377045670/EksellDisplayLarge.woff2'); } h1 {font-family: 'EksellDisplay';} @font-face { font-family: 'Apercu'; src: url('https://static1.squarespace.com/static/61d56b82725cde14d95764f9/t/61d56cdc4404080eb812179f/1641376988511/apercu-bold-webfont.woff'); } h2 {font-family: 'Apercu';} h3 {font-family: 'Apercu';} h4 {font-family: 'Apercu';} @font-face { font-family: 'Apercu'; src: url('https://static1.squarespace.com/static/61d56b82725cde14d95764f9/t/61d56cd748fe7e6fdf2f2008/1641376983880/apercu-regular-webfont.woff'); } P {font-family: 'Apercu';} #site-title {font-family: 'EksellDisplay'!important} header#header *, footer.sections * { font-family: 'Apercu'; } h3.portfolio-title { font-family: 'Apercu' !important; } h2.newsletter-form-header-title { font-family: 'EksellDisplay' !important; } h2.list-item-content__title { font-family: 'Apercu' !important; } h1.portfolio-hover-item-title { font-family: 'EksellDisplay' !important; } h2.item-pagination-title { font-family: 'EksellDisplay' !important; } h1.sqs-slash-page-header { font-family: 'EksellDisplay' !important; } .newsletter-block .newsletter-form-field-element::placeholder { font-family: 'Apercu'; } /* newsletter button */ span.newsletter-form-button-label { font-family: 'Apercu' !important; } .sqs-block-button a, [class*='button'], [class*='btn'] { font-family: 'Apercu' !important; } #collection-621004aa9931c448e4cc9b66 .sqs-block-button-element--small { width: 60% !important; } #block-yui_3_17_2_1_1645216974942_2218 { width: 30% !important; margin: 0 auto; } div.list-section-title p { font-size: 40px !important; }

I have the same problem, and I can't figure out why. Please help! I am viewing from an iPhone, both Safari and Chrome shows the same. My colleague with an Android phone shows the headings as normal, just like it shows on my computer.

Nevermind! I solved it by inserting !important 🙂 #site-title {font-family: 'EksellDisplay'!important; src:local, url(https://static1.squarespace.com/static/61d56b82725cde14d95764f9/t/61d56d158491b024edd96292/1641377045670/EksellDisplayLarge.woff2)}

Site URL: https://chrysalis-puma-rt8h.squarespace.com/ Hi! I'm trying to change my site title to one custom font, and the rest of the header/footer to another one. I used this code sucsessfully to change the site title: #site-title {font-family: 'EksellDisplay'; src:local('Example'), url(https://static1.squarespace.com/static/61d56b82725cde14d95764f9/t/61d56d158491b024edd96292/1641377045670/EksellDisplayLarge.woff2)} But when I used this code to change the header and footer, it overrides the code I inserted above: header#header *, footer.sections * { font-family: Apercu; } Can someone help me finding a way to override this with my custom font for the site title?