Jump to content

Why is my 'Book Now' button text changing colour?

Recommended Posts

Site URL: https://flute-badger-27hy.squarespace.com/

Hi there,

I was able to use CSS to style one of my main navigation links differently than the others, to look like a button. However the button text colour is changing depending on what page I'm on — When I'm on Contact or Shop are open, the text colour is white, but when I'm on About or Services, the text is black. I would like the colour to be white always.

I would appreciate any assistance!

 

The password for my site is bamboohairsalon

 

 

Screen Shot 2020-05-18 at 10.21.09 PM.jpg

Link to comment
  • Replies 5
  • Views 352
  • Created
  • Last Reply

edit your code to

.Header-nav--secondary .Header-nav-item:nth-child(2) {
    background: #da9089;
    padding: 15px 15px !important;
    color: #fff !important;
    font-family: 'Montserrat-Medium';
    margin-right: 50px !important;
}

 

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
7 hours ago, mbockmaster said:

Hi @tuanphan, I'm just realizing that whatever I have done has screwed up the look of the mobile menu. I would like to achieve the attached... Any assistance is greatly appreciated!

 

edit code to

.Header-nav--secondary .Header-nav-item:nth-child(2), a.Mobile-overlay-nav-item[href*="scheduling/BHSN89"] {
    background: #da9089;
    padding: 15px 15px !important;
    color: #fff !important;
    font-family: 'Montserrat-Medium';
    margin-right: 50px !important;
}

 

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

Archived

This topic is now archived and is closed to further replies.


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