Support » Plugin: GiveWP - Donation Plugin and Fundraising Platform » Move row to the right
Move row to the right
-
Hi,
how can I move this “Total donation” row (see photo) to the right?
esempiothank you
Viewing 4 replies - 1 through 4 (of 4 total)
-
This should get you most of the way there:
p#give-final-total-wrap { display: inline-block; float: right; clear: both; margin: 20px 0; }
Try that and let us know how it works for you. A live link to the results would help us a lot as well though.
Hi,
Thanks for the reply, I decided to change the setting.
I created it in this style which is, in my opinion, more modern. I will send you the code if you are interested.
However, I wanted to shorten the line with the various values and raise it next to the text input. Can you help me with that?
Thank you-
This reply was modified 2 years, 10 months ago by
mapo85.
/* form dona ora*/ .give-text-input{ border-width: 1!important; border-color: #E9E9E9 !important; border-right: none!important; } .give-currency-symbol{ border-width: 1!important; color: #454243!important; border-left: none!important; border-color: #E9E9E9 !important; background-color: #f7f7f7 !important; } .give-select-level { border-width: 1px; border-color: #E9E9E9 !important; width: 100%!important; background-color: rgba(0,0,0,0) !important; } .form-row input{ border-width: 1px; border-color: #E9E9E9 !important; padding-top: 22px !important; padding-bottom: 22px !important; padding-left: 22px !important; background-color: rgba(0,0,0,0) !important; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important; font-weight: 300!important; font-size: 14px!important; line-height: 1em!important; text-align: left!important; } .give-final-total-amount { border-width: 0px!important; color: #4899c4; font-weight: bold!important; display: none; } .give-donation-total-label { border-width: 0px!important; border-color: #E9E9E9 !important; background-color: #ffffff!important; text-transform: uppercase; color: #4899c4!important; font-weight: bold!important; display: none; } .give-form-title { display: none; } .give-form legend{ text-transform: uppercase; display: none; } .form-row label { display: none!important; } .give_terms-593{ font-weight: 300; font-size: 14px; } .give-submit { border-width: 2px; border-color: #4899c4; color: #4899c4; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; border-radius: 81px; font-size: 14px; font-family: 'Montserrat'; background-color: rgba(0,0,0,0); } .give-btn:hover { background: #4899c4; border-width: 2px; border-color: #4899c4; color: #ffffff; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; border-radius: 0px; font-size: 14px; font-family: 'Montserrat'; transition: all 300ms ease 0ms; } .give_terms_links { display: none; } give_terms_agreement label{ color: #454243!important;}
Hi, can you help me?
thank you -
This reply was modified 2 years, 10 months ago by
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘Move row to the right’ is closed to new replies.