Jump to content

Custom Font CSS Code for Tricky Buttons

Recommended Posts

Posted

Site URL: https://www.moontimetemple.com/

I have all custom fonts on my website - and I am having some trouble adjusting a few tricky ones including:

-The upper right hand get started button

-The newsletter sign up text

-The contact/form sign up text 

Screenshots attached 

What is the code to adjust these to? The custom font I want them I have named Lito 

Screen Shot 2020-12-08 at 3.31.40 PM.png

Screen Shot 2020-12-08 at 3.37.48 PM.png

Screen Shot 2020-12-08 at 3.37.58 PM.png

  • Replies 10
  • Views 1.3k
  • Created
  • Last Reply
Posted
2 hours ago, IndigoBolt11 said:

Site URL: https://www.moontimetemple.com/

I have all custom fonts on my website - and I am having some trouble adjusting a few tricky ones including:

-The upper right hand get started button

-The newsletter sign up text

-The contact/form sign up text 

Screenshots attached 

What is the code to adjust these to? The custom font I want them I have named Lito 

Screen Shot 2020-12-08 at 3.31.40 PM.png

Screen Shot 2020-12-08 at 3.37.48 PM.png

Screen Shot 2020-12-08 at 3.37.58 PM.png

Please try this custom css, where is newsletter 

input::placeholder,
.sqs-system-button,
.sqs-block-form .field-list .title,
.header-actions-action--cta a, .header-skip-link {
  font-family: 'Litos' !important;   
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
14 hours ago, bangank36 said:

Please try this custom css, where is newsletter 


input::placeholder,
.sqs-system-button,
.sqs-block-form .field-list .title,
.header-actions-action--cta a, .header-skip-link {
  font-family: 'Litos' !important;   
}

 

Amazing that worked! Can confirm for me which is which if I need to break it out? 

.system button is the form buttons? .block form worked for both the newsletter and contact? .header action is the header button? 

Posted
1 hour ago, IndigoBolt11 said:

Amazing that worked! Can confirm for me which is which if I need to break it out? 

.system button is the form buttons? .block form worked for both the newsletter and contact? .header action is the header button? 

yeah

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
1 hour ago, IndigoBolt11 said:

Hey @bangank36one more I couldn't figure it out - this is the summary block for blogs- I tried .sqs-summary-block-title and it didn't work. Thanks!

Screen Shot 2020-12-11 at 6.41.40 PM.png

Let me see

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.