Change font of form 'submit' button and header CTA using CSS

Site URL: https://recorder-jaguar-6lxy.squarespace.com/

I am trying to change the font (a custom font) of the CTA in the header of the site and all of the form buttons. It's the only thing I can't manage to change. 

PASSWORD: ComeandStay

Add to Home > Design > Custom CSS

@font-face {
	font-family: tuan;
	src: url(upload font to your site and paste font file url here);
}
.header-actions-action a {
    font-family: tuan !important;
}
.sqs-block-button-element {
    font-family: tuan !important;
}

Thank you @tuanphan youre a lifesaver

hey @tuanphan same problem here, i'm trying to change font colour of CTA but only within the search page header. this is what I have but it's not working - any ideas? 

.sqs-search-page 
.header-actions-action a {
  color: #000000 !important;
}

this code works on my other pages so am I targeting the search page incorrectly? 

I've also tried it with body#search too

On 3/5/2021 at 11:38 PM, spongebob-smc said:

hey @tuanphan same problem here, i'm trying to change font colour of CTA but only within the search page header. this is what I have but it's not working - any ideas? 

 

.sqs-search-page 
.header-actions-action a {
  color: #000000 !important;
}

 

this code works on my other pages so am I targeting the search page incorrectly? 

I've also tried it with body#search too

Hi. Can you share site url?

https://mouse-trout-epjy.squarespace.com/search

pw: spong123

Is there a way to change the form submit button on a specific form in css and not all of them? I've used this basic css before...

.form-wrapper input[type=submit]

But this changes all the form Submit buttons. How do I point that at a specific form ID? I'm assuming it would have to do with...

formId: '#'

But I can't seem to find the answers I'm looking for. Thanks in advance for your help! 

@jedoublef

The short answer is yes.

Please post the URL for the page on your site where you want to change the form.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Thanks creedon, I figured out how to target the form "Submit" using the following... 

section[data-section-id=""] .form-wrapper input[type=submit] {}

On 3/5/2021 at 4:38 PM, spongebob-smc said:

hey @tuanphan same problem here, i'm trying to change font colour of CTA but only within the search page header. this is what I have but it's not working - any ideas? 

 

.sqs-search-page 
.header-actions-action a {
  color: #000000 !important;
}

 

this code works on my other pages so am I targeting the search page incorrectly? 

I've also tried it with body#search too

can anyone help with this? just need to figure out how to target search button CTA in header menu but only on search page? 

https://mouse-trout-epjy.squarespace.com/search

pw: spong123

On 3/16/2021 at 6:32 PM, spongebob-smc said:

can anyone help with this? just need to figure out how to target search button CTA in header menu but only on search page? 

 

https://mouse-trout-epjy.squarespace.com/search

pw: spong123

Hi. Do you still need help on this?

Search page has no specific class, so you need to use Script code to add class, then use CSS to target search text in header.

7 hours ago, tuanphan said:

Hi. Do you still need help on this?

Search page has no specific class, so you need to use Script code to add class, then use CSS to target search text in header.

No it is solved, thank you!