Hi @studioporpora,
Glad you reached out here. There are many ways to center elements with CSS.
You can use this code as a basis:
.give-total-wrap, form[id*="give-form"] .give-donation-amount { display: flex; justify-content: center; }
You can use Loco Translate to translate the text in the form.
thanks Mrdaro,
with the css you provided me with center only amount for all gateways
I would like to hit all the fields
url link, look at the bottom of the page
https://www.viverevegan.org/landing-page/
thanks
Hi @studioporpora,
We’re happy to give pointers regarding CSS, but we’re not able to really guarantee anything in terms of functionality for this type of custom styling work.
Here’s a code block that worked for me to center those items:
.give-total-wrap, ul#give-donation-level-button-wrap, form[id*="give-form"] .give-donation-amount {
display: flex; justify-content: center;
}
.give-btn-modal{
display:block;
width: 96%;
}
The button was the hard part to make centered, so instead I made it essentially full-width.
Have a great day!
great!! now the elements are centered.
Thank you very much
it’s true, the button remains full-width, but I think I can be satisfied.
thanks again for the help
Have a great day you too
I have found this solution
I added the short code inside a div
<div style=”width: 290px; margin: auto; text-align: center;”>[give_form id=”8394″ show_title=”false” show_goal=”false” show_content=”above” display_style=”modal” continue_button_title=”FAI UNA DONAZIONE”]</div>
and added this css
.give-btn-modal{
display:block;
width: 85%;
}
the result satisfies me 🙂
