Oda
Circle Member-
Posts
10 -
Joined
-
Last visited
Oda's Achievements
-
Oda reacted to a post in a topic: Cookie banner font change 7.1?
-
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
- 67 replies
-
- custom-css
- button
-
(and 1 more)
Tagged with:
-
Oda reacted to a post in a topic: Centering team page content within each list
-
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
- 54 replies
-
- coding
- custom-css
-
(and 1 more)
Tagged with:
-
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
- 54 replies
-
- coding
- custom-css
-
(and 1 more)
Tagged with:
-
jmalcolmson reacted to a post in a topic: Letter spacing on heading different on mobile
-
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.
-
Beyondspace reacted to a post in a topic: Different custom fonts on both site title and site header
-
Different custom fonts on both site title and site header
Oda replied to Oda's topic in Customize with code
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)}- 1 reply
-
- site-title
- site-styles
-
(and 2 more)
Tagged with:
-
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?
- 1 reply
-
- site-title
- site-styles
-
(and 2 more)
Tagged with: