moep/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Center aligned the cvv field

Browse source
This commit is contained in:
PCoder 2017-07-16 22:07:18 +05:30
parent c09947ef12
commit 6ba0841bfe
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
hosting/static/hosting/css/landing-page.css
View file

@ -535,7 +535,8 @@ a.unlink:hover {
.card-expiry-element { .card-expiry-element {
} }
.card-cvc-element { .card-cvc-element label {
padding-left: 10px;
} }
.card-element { .card-element {
margin-bottom: 10px; margin-bottom: 10px;
@ -548,13 +549,17 @@ a.unlink:hover {
.my-input { .my-input {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
.card-cvc-element .my-input {
padding-left: 10px;
}
#card-errors { #card-errors {
clear: both; clear: both;
padding: 0 0 10px; padding: 0 0 10px;
color: #eb4d5c; color: #eb4d5c;
} }
.credit-card-goup{
padding: 0;
}
@media (max-width: 767px) { @media (max-width: 767px) {
.dcl-order-table-total span { .dcl-order-table-total span {
padding-left: 3px; padding-left: 3px;

8
hosting/templates/hosting/payment.html
View file

@ -108,17 +108,17 @@
<form action="" id="payment-form-new" method="POST"> <form action="" id="payment-form-new" method="POST">
<input type="hidden" name="token"/> <input type="hidden" name="token"/>
<div class="group"> <div class="group">
<div class="credit-card-goup"> <div class="col-xs-12 col-sm-12 col-md-10 col-lg-9 credit-card-goup">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 card-element card-number-element"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 card-element card-number-element">
<label>Card Number</label> <label>Card Number</label>
<div id="card-number-element" class="field my-input"></div> <div id="card-number-element" class="field my-input"></div>
</div> </div>
<div class="col-xs-6 col-sm-5 col-md-3 col-lg-3 card-element card-expiry-element"> <div class="col-xs-5 col-sm-3 col-md-3 col-lg-3 card-element card-expiry-element">
<label>Expiry Date</label> <label>Expiry Date</label>
<div id="card-expiry-element" class="field my-input"></div> <div id="card-expiry-element" class="field my-input"></div>
</div> </div>
<div class="col-xs-12 col-sm-2 col-md-6 col-lg-6 hide-mobile"></div> <div class="col-xs-12 col-sm-2 col-md-6 col-lg-7 hide-mobile"></div>
<div class="col-xs-6 col-sm-5 col-md-3 col-lg-3 card-element card-cvc-element"> <div class="col-xs-3 col-sm-3 col-md-3 col-lg-2 card-element card-cvc-element">
<label>CVC</label> <label>CVC</label>
<div id="card-cvc-element" class="field my-input"></div> <div id="card-cvc-element" class="field my-input"></div>
</div> </div>