How to change the color of one button only on header

[RevealHM]

Hello! We would like to change the color of the “Book Now” button border on the header to #eeb6b7. Is that possible? We want the rest of the buttons to remain as is I think.

[christian]

Hey Ashley,

I don’t see the Book Now button in your site. Please provide the URL where we can see it so we can advise if it’s possible to hcange the border.

Thanks.

[RevealHM]

Hi! A book now is on every page except our home page. Here is an example of a page it’s on https://revealhm.com/hawaii/

Thank you,

Ashley

[RevealHM]

[prakash_s]

Hello Ashley,

It seems that you have added the custom CSS code, please have a look at the given screenshot below.

I would suggest you please updated this code by the given code.

body .book-now {
text-align: center;
color: black;
border: 2px solid black;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
align-self: center;
}

Update this code with this one.

body .book-now {
text-align: center;
color: black;
border: 2px solid #eeb6b7;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
align-self: center;
}

Please feel free to change the border color code as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks