[aman121512]

Hi,
I have a trial version of WP Travel Plugin, soon moving to the pro.

I would like to change the background color of the book now button and text.
Background color – f71d06
And book ”now text” ffffff
The ”Book Now” button I want to edit is on the right side of the image you will find after opening the WP Travel Dashboard.

Kindly let me know where to upload a screenshot.

Thank you
Amanuel.

[Support Team]

Hello @aman121512,

Can you please provide the screenshot of the button so that we can provide the precise fix?

Thank you

[aman121512]

[aman121512]

As I mentioned on my first post, I can’t see where i can attach image. Can you advise

[Support Team]

Hello @aman121512,

You can take the screenshot using the tool like a light shot: https://app.prntscr.com/en/index.html

After that, you can attach the link of the screenshot here.

Thank you.

[aman121512]

Got it!

https://prnt.sc/op0eb2

[Support Team]

Hello @aman121512,

Please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

button.wp-travel-booknow-btn {
    background-color: #f71d06;
    color: #ffffff;
}

Hope this helps.

Thank you.

[aman121512]

GREAT!!!
Thank you.

[Support Team]

Hello @aman121512,

Glad we could help you.

If you have any issues further then kindly let us know.

Thank you.

[aman121512]

Hi,
Can I apply the same background color and text for the attached as well?

https://prnt.sc/op1ksp

Thanks
Amanuel.

[Support Team]

Hello @aman121512,

Yes you can change the color for the button as you have mentioned in the screenshot and for this, use below given CSS.

input.btn.add-to-cart-btn.btn-primary.btn-sm.btn-inverse {
    background-color: #f71d06;
    color: #ffffff;
    border: #f71d06;
}

Hope this helps.

Thank you.

[aman121512]

Hello,
May I get support on changing the ”Proceed to Checkout” button background color and color as above. https://prnt.sc/oqxyr3
Also the ”Book and Pay” button the be the same for consistency.
https://prnt.sc/oqxz9j

Thank you
Amanuel.

[Support Team]

Hello @aman121512,

Please add below given CSS to change the background color of the button Proceed to checkout.

.ws-theme-cart-page input.btn_full.book-now-btn {
    background-color: #f71d06;
    color: #ffffff;
}

As for the dropdown option in the booking form, currently, it is not possible.

Thank you.

[aman121512]

Hello,
Thank you it worked for the proceed to checkout button. As for the second one, I didn’t ask for the dropdown, I meant for the book and pay button below it.

Thanks

[Support Team]

Hello @aman121512,

Add below-given CSS for the button in the checkout page.

.wp-travel-form-field input#wp-travel-book-now {
background-color: #f71d06;
    color: #ffffff;
}

Thank you.

[Author]

Posts