Okay
  Public Ticket #3010911
Customizing the proceed button in the form
Closed

Comments

  •  4
    Anke started the conversation

    hi guys, Good afternoon!

    I'm suffering... I can not get the text in this button in white or make the contrast in any other way. I tried pasting CSS almost everywhere but it's no use unfortunately?

    6225160683.png

    In the backend its correct as it should be:

    1783146895.png

    I use the step by step booking flow for services:

    7461922344.png

    And it does not matter whether I use global colours or not...

    Many thanks for your help and kind regards,

    Anke

  •  1,851
    Miloš replied

    Hi, Anke

    Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

    -

    Seems like the active theme you are using, or another plugin might be overriding the CSS styles of Amelia, that would explain why it is behaving differently in the back-end and in the front page.

    Here is custom CSS you can try, add it to the WP page, and this should make that text white:

    .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-button-wrapper .el-button span, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-button-wrapper .el-button span {
        color: #ffffff;
    }
    

    Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

    If you need help with adding custom CSS to the page, please take a look at this article.

    -

    Try this, let me know how it goes, and check if it does not affect any other styles on the pages which we don't want.

    If that happens, we will assist in finding a better solution.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

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

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

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

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables