Changing the button widget

By | December 12, 2013

As many of you know, you can install a booking button widget on your site. The booking button widget allows visitors to press a button on all your pages, and then appears a booking overlay, over the page they are on where the appointment can be booked.

The normal booking button is yellow and can be placed at any height on your page by installing the script that can be found in the Design section inside the admin interface. Some of our users do not like the yellow button that we provide and want to use a different button. This can easily be achieved by using the following method.

1. Activate the CSS plugin.

2. Go into the plugin settings and select the Widget CSS (not booking page)

3. Insert the following script somewhere in code

#doreserveWidgetButton {
background-position: left center !important;
background-repeat: no-repeat !important;
border: 1px solid white !important;
cursor: pointer !important;
height: 300px !important;
left: auto !important;
opacity: 0.9 !important;
position: fixed !important;
right: auto !important;
width: 40px !important;
background-image: url( !important;


You change this link:

to the button image that you want to show instead of the yellow button.

That’s all … !

One thought on “Changing the button widget

  1. làm bằng đại học giá rẻ

    Нello there! This iѕ my first visit to your blog!

    We are a grօup of volunteers and starting a new initiative in ɑ
    community in the same niche. Your blog provided us valuable information to work on. You have dօne a wonderfսl joƅ!


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.