Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


miaashcroft

Question

  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Thanks creedon, I figured out how to target the form "Submit" using the following...  section[data-section-id=""] .form-wrapper input[type=submit] {}  

Posted Images

11 answers to this question

Recommended Posts

  • 1

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;
}

 

Link to post
  • 0

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

Edited by spongebob-smc
Link to post
  • 0
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?

Link to post
  • 0

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! 

 

Link to post
  • 0

@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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post
  • 0
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

Link to post
  • 0
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.

Link to post
  • 0
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! 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...