[Resolved] Woocommerce Bookings single product styling

[Kris]

Hi Tom and crew,

I am setting up a site with Woocommerce Bookings extension and need some advice on how to best style the single product page. Example product page in in the URL field…

The Bookings extension looks like it puts extra “stuff” in that GP does not have customizer options for things like the calendar colors and the Book now button.

To style this what would be the best solution? Simple CSS and the correct class names or a plugin or something else…

Just looking for your advise on the best direction.

Thanks, Kris.

[Leo]

Hi there,

The easiest way is to use browser inspect tool and you can see the selector and the style applied:
https://www.screencast.com/t/xvNaHjLQbC

The plugin is using !important on all the CSS as well so it will be a bit more difficult to overwrite.

Might be good to check with the plugin author if you run into any issues. I would assume they’ve received similar questions before and might have existing solutions already.

Let me know 🙂

[Kris]

Hi Leo,

Thanks much. I will go ahead and contact them about the styling.

Kris.

[Leo]

No problem 🙂

[Author]

Posts