Jump to content

Change Color Of Buttons And Text On Specific Page

Go to solution Solved by Lesum,

Recommended Posts

  • Replies 11
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

@Styledent Here's a code snippet you can add under Website > Utilities > Website Tools > Custom CSS to change the button color:

#collection-6194115878aa3430db504713 .sqs-editable-button {
    background-color: #F26522 !important;
}

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
On 8/18/2023 at 4:39 PM, Lesum said:

@Styledent Here's a code snippet you can add under Website > Utilities > Website Tools > Custom CSS to change the button color:

#collection-6194115878aa3430db504713 .sqs-editable-button {
    background-color: #F26522 !important;
}

It didn't work...would it be the same as inputting it under Design > Custom CSS ?

Link to comment
  • Solution

@Styledent Yes, it would be same as inputting under Design > Custom CSS. If the previous code doesn't work, try the code below:

#collection-6194115878aa3430db504713 .form-wrapper input[type="submit"] {
	background-color: #F26522 !important;
}

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
  • 2 weeks later...
On 8/22/2023 at 9:58 AM, Lesum said:

@Styledent Yes, it would be same as inputting under Design > Custom CSS. If the previous code doesn't work, try the code below:

#collection-6194115878aa3430db504713 .form-wrapper input[type="submit"] {
	background-color: #F26522 !important;
}

It worked!

Edited by Styledent
It did work
Link to comment
5 hours ago, Lesum said:

@Styledent I noticed that the button color has changed on the page you mentioned. I'm not sure what you meant by "it didn't work." Could you please clarify what didn't work?

I just realized the button did change on that page. Thank you for that.  Though that is not the page that I wanted the button color to be changed on. I would like the button color to be changed on multiple pages but only a few specific pages, is that possible? 

 

Link to comment
5 minutes ago, Styledent said:

I just realized the button did change on that page. Thank you for that.  Though that is not the page that I wanted the button color to be changed on. I would like the button color to be changed on multiple pages but only a few specific pages, is that possible? 

 

These are the pages that I would like the button color changed on: 

Page 1
Page 2
Page 3
Page 4
Page 5

Thank you!

Link to comment
On 9/2/2023 at 3:37 AM, Styledent said:

These are the pages that I would like the button color changed on: 

Page 1
Page 2
Page 3
Page 4
Page 5

Thank you!

You can edit these pages > Add a Code Block (anywhere on page) > paste this code

<style>
  div.button-block a {
	background-color: #F26522 !important;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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


×
×
  • 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.