"CSS" (#3571227) / TMS-Plugins

Comments

1
Ana Paula Delgado started the conversation
January 28, 2024 at 12:29am
Hi there!
I'd like to change the CSS (appearence) of the selected and not selected buttons for payment form, as shown at the scrennshot.
I'd like to have a border just at the selected one.
All others buttons should be border = 0 (without borders).
How can I do this?
I've tried to chande CSS class, like shown above, but it is not working, probably I'm using the wrong class.

.am-fs__payments-main-button_selected {
background: var(--am-c-ps-primary-op10);
border: 1px solid #a90e2f;
box-sizing: border-box;
box-shadow: 0 1px 1px var(--am-c-ps-primary-op06);
}

.am-fs__payments-main-button {
border: 0px solid var(--am-c-ps-text-op25);
border-radius: 8px;
box-shadow: 0 1px 1px var(--am-c-ps-text-op06);
box-sizing: border-box;
padding: 12px;align-content
}
Tks a lot,
Ana

Attached files: selected button amelia.jpg

412

Stefan replied

January 29, 2024 at 10:43am

Hello Ana,

Thanks for reaching out to us.

Please, try this CSS code

#amelia-container > div.am-fs__main.am-rw-768 > div > div.am-fs__main-content > div.am-fs__payments > div.am-fs__payments-main > div > div.am-fs__payments-main-button.am-fs__payments-main-button_selected.am-fs__payments-main-button-stripe{
    border: 1px solid #a90e2f;
    box-sizing: border-box;
    box-shadow: 0 1px 1px var(--am-c-ps-primary-op06)
}
#amelia-container > div.am-fs__main.am-rw-768 > div > div.am-fs__main-content > div.am-fs__payments > div.am-fs__payments-main > div > div.am-fs__payments-main-button.am-fs__payments-main-button_selected.am-fs__payments-main-button-payPal{
    border-color: #a90e2f!important;
    border-style: solid!important;
}

Should be the proper elements. Feel free to change the CSS according to your needs and let me know if it works.

Kind Regards,

Stefan Petrov
[email protected]

Rate my support

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

1
Ana Paula Delgado replied
January 29, 2024 at 11:19am
Hello Stefan,
Thanks a lot, worked well!
We may close the ticket.
412
Stefan replied
January 29, 2024 at 11:25am
Hello Ana,
You are most welcome!
Please, let us know if you have any other questions or issues.
I will close this ticket.
Kind Regards,

Stefan Petrov
[email protected]

Rate my support

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

Amelia: FAQ | Facebook | Twitter | Instagram | Amelia 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