Okay
  Public Ticket #2057813
Change color of booking form
Closed

Comments

  • Jonas started the conversation

    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

    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: FAQFacebookTwitterFront-end and back-end demoDocs

    Amelia: FAQFacebookTwitter |  Amelia demo sites | Docs

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

    Powerful FiltersGravity Forms Integration for wpDataTablesFormidable Forms Integration for wpDataTables

  • Jonas replied

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

  •  472
    Isidora replied

    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: FAQFacebookTwitterFront-end and back-end demoDocs

    Amelia: FAQFacebookTwitter |  Amelia demo sites | Docs

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

    Powerful FiltersGravity Forms Integration for wpDataTablesFormidable Forms Integration for wpDataTables