BOOK NOW BUTTON

Homepage Forums WP Travel BOOK NOW BUTTON

This topic contains 14 replies, has 2 voices, and was last updated by  Support Team 4 months ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #18595

    aman121512
    Participant

    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.

    #18615

    Support Team
    Keymaster

    Hello @aman121512,

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

    Thank you

    #18624

    aman121512
    Participant

    Book Now

    #18625

    aman121512
    Participant

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

    #18627

    Support Team
    Keymaster

    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.

    #18629

    aman121512
    Participant
    #18631

    Support Team
    Keymaster

    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.

    #18632

    aman121512
    Participant

    GREAT!!!
    Thank you.

    #18635

    Support Team
    Keymaster

    Hello @aman121512,

    Glad we could help you.

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

    Thank you.

    #18636

    aman121512
    Participant

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

    https://prnt.sc/op1ksp

    Thanks
    Amanuel.

    #18651

    Support Team
    Keymaster

    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.

    #18765

    aman121512
    Participant

    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.

    #18789

    Support Team
    Keymaster

    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.

    #18815

    aman121512
    Participant

    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

    #18816

    Support Team
    Keymaster

    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.

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.