Comments 1Ana Paula Delgado started the conversationJanuary 28, 2024 at 12:29amHi 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,AnaAttached files: selected button amelia.jpg 779Stefan repliedJanuary 29, 2024 at 10:43amHello 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 supportTry 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 | 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 1Ana Paula Delgado repliedJanuary 29, 2024 at 11:19amHello Stefan,Thanks a lot, worked well!We may close the ticket. 779Stefan repliedJanuary 29, 2024 at 11:25amHello 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 supportTry 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 | 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 Sign in to reply ...
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
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
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 | 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
Hello Stefan,
Thanks a lot, worked well!
We may close the ticket.
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
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 | 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