Jump to content

Custom button color in Nav

By KayleyIs, in Customize with code

Go to solution Solved by KayleyIs,

Recommended Posts

KayleyIs Level 2

KayleyIs

Posted
Posted (edited)

Hello! I'm looking to customize the color of one specific button in a client's Header. All other solutions I found don't quite work with nav structure.


Ex: I want only the "Expedite" button to be green.

image.png.5e7a6744a9a3d48d00f6c0b1af1cd2cc.png

Note: I do have some other custom code to have multiple buttons in the header.

TIA!

Edited by KayleyIs
Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

  • Solution
KayleyIs Level 2

KayleyIs

Posted
  • Author
  • Solution
Posted (edited)

Found the solution on:  

.primary-button-style-solid .light .header-actions-action--cta .sqs-button-element--primary:nth-child( 1 ), /* dessktop */
.site-wrapper .header-menu .header-menu-cta a:nth-child( 1 ) /* mobile */

  {
  
    background-color : #8CC653
    
    }
Edited by KayleyIs
Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources