Hey everyone!

With the holiday season upon us, we want to share our upcoming working hours:

After that, we’ll return to our regular schedule and assist you as quickly as possible.

In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find tons of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel), which might just have the answers you need while we’re away.

Thanks a bunch for your understanding and support!

Warm regards and happy holidays!

TMS

Okay
  Public Ticket #2057813
Change color of booking form
Closed

Comments

  • Jonas started the conversation
    June 24, 2019 at 9:03am

    Hi.
    I am running a dark theme/background on my webpage and I would like your support on how to change the white background in the booking form to something darker (and also text to something lighter).
    I have changed the colors that I can change in the customization area, and have also looked at your documentation, but it seems that there is no direct option to change this background/text.
    See attached screenshots for more information, where area that I want to change color of has been marked in red circles.

  •  472
    Isidora replied
    June 24, 2019 at 10:36am

    Hi Jonas,
    Thank you for your purchase.

    Yes you can use this CSS rule on the page between style tags where you will overwrite colors from our plugin.

    <style>
#am-category .am-category-service .am-category-service-info,
.amelia-app-booking #am-service-booking .am-service,
.amelia-app-booking .am-step-booking-catalog.am-active-confirm .am-confirm-booking
{background-color: black !important; color:white !important;}
#am-category .am-category-service span, .amelia-app-booking h1,
 .am-modal.am-in-body h1, .amelia-app-booking h2, .am-modal.am-in-body h2,
 .amelia-app-booking h3, .am-modal.am-in-body h3, .amelia-app-booking h4,
 .am-modal.am-in-body h4, .amelia-app-booking p, .am-modal.am-in-body p,
 .amelia-app-booking span, .am-modal.am-in-body span, .amelia-app-booking div,
 .am-modal.am-in-body div, .amelia-app-booking section, .am-modal.am-in-body section,
 .amelia-app-booking ul, .am-modal.am-in-body ul, .amelia-app-booking li,
 .am-modal.am-in-body li, .amelia-app-booking a, .am-modal.am-in-body a,
.amelia-app-booking label {color:white !important;}
</style>

    We insert black for background and white for color just for example, but you will replace colors that you need.

    Best regards.

    Kind Regards, 

    Isidora Markovic

    wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter |  Amelia demo sites | Docs

    You can try our wpDataTables add-ons before purchase on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables

  • Jonas replied
    June 24, 2019 at 10:39am

    Perfect. This is exactly what I was looking for. Case closed :)

  •  472
    Isidora replied
    June 24, 2019 at 10:52am

    Hi Jonas,

    You are welcome. 

    If you have any more issues or questions feel free to open a new ticket, we will gladly help.

    I’d like to ask you a favor. Would you mind taking a few minutes to write a review for us, please on this link? 

    Our free version is the only place where we can have proof for our hard work; your comments are beneficial for others to know what to expect when they’re looking for our plugin.

    Thank you in advance. It means a lot to us, and I am looking forward to reading your comment.

    Best regards.

    Kind Regards, 

    Isidora Markovic

    wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter |  Amelia demo sites | Docs

    You can try our wpDataTables add-ons before purchase on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables