Jump to content

Don't know how to make a button a different color

Go to solution Solved by paul2009,

Recommended Posts

Hello! I have an old template (Marquee) and it's one where you can't add buttons with the insertion point, you have to put it in the page settings. So now I can't choose the size and style of my buttons - it's only letting me have one style.

Does anyone know how to make the bottom (ORDER TAKEOUT/DELIVERY) button orange with code?

 

Thank you for your help!

Alexis

Screen Shot 2022-11-06 at 7.49.36 AM.png

Link to comment

Sorry for the response time, I don't usually access the forum.

A simple custom CSS for this case:

<style>
a + a {
  background-color: #ff8800;
}
</style>

So, when there is a sequence of buttons (as in this case you have 2 buttons), only the first one will not be orange.

U can put this on Page Advanced Settings in order not to affect the other pages.

Sorry for my bad english xD

Edited by Lobodesign
Link to comment
  • Solution
On 11/6/2022 at 1:11 PM, athornlow said:

I have an old template (Marquee). Does anyone know how to make the bottom (ORDER TAKEOUT/DELIVERY) button orange with code?

You should be able to do this by adding the following to Design > Custom CSS:

.homepage.extra-description-formatting .page-desc p:last-child > a:nth-of-type(2) {
  background-color: #ef7e06;
}

image.thumb.png.5e0aab18254c24fea719fe53f5db6e29.png

Did this help? Please give feedback by clicking an icon below  ⬇️

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

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.