Skip Navigation

[Resolved] Style WooCommerce Book Now button, fix page width issue

This support ticket is created 6 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 -
- 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 1 reply, has 2 voices.

Last updated by Noman 6 years, 10 months ago.

Assisted by: Noman.

Author
Posts
#618527
Screen Shot 2018-02-22 at 07.38.26.png

Hi there!

There are three issues that I need some help with on this site: hidden link. The product page layout is visible here: hidden link

1 - The WooCommerce Book Now button - I would like to style this the same as other buttons on the site .
- Change button color before and on hover

2 - The page width seems to be slightly bigger than 100%, and I can't figure out how to fix this. See attached screen shot.

#618678

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

hover.png
buttons.png

Hi Ian,

Thank you for contacting Toolset support. Add the following CSS in your theme’s style.css file or custom CSS file:

/* Background color */
.woocommerce .single_add_to_cart_button {
    background: #e20a16 none repeat scroll 0 0 !important;
    opacity: 1 !important;
}

/* Hover color */
.woocommerce .single_add_to_cart_button:hover {
    background: #e20a16 none repeat scroll 0 0 !important;
}

And it will look similar to your home page ‘Book Now’ button.

For 2nd issue, please kindly open a new ticket for each issue and we would be happy to help. This will help other users with similar problems to find solutions when searching the forum, We do not handle multiple issues in the same ticket as per support policy. https://toolset.com/toolset-support-policy/ You can assign those tickets to me directly if you wish to.

Thank you