March 10, 2023
Кастомизация страницы оплаты Getcourse
Добрый день, ниже я оставляю код для стилизации страницы оплаты на Getcourse. Для того что бы его применить зайдите в Сайт --> Страницы --> Системные страницы --> Оплата заказа Далее вам нужно нажать на кнопку стили, вставить весь код и сохранить.
.xdget-block.xdget-row.xdget-common-container.row{
border-radius: 10px;
background-color: rgb(255, 255, 255) !important;
border: 1px solid #e3e3e3;
}
.xdget-block.xdget-partialpay {
border-radius: 10px;
}
#tinkoff-dolyame,#alpha-bank-podeli,#tinkoff-dolyame,#alpha-bank-podeli,#jetpay,#tinkoffcredit,#sber-pokupay,.gc-payment-method-card{
display: inline-block;
margin-right:10px;
padding: 10px;
background-color: rgb(255, 255, 255) !important;
border: 1px solid #e3e3e3;
border-radius: 10px;
}
#tinkoff-dolyame button,#alpha-bank-podeli button,#tinkoff-dolyame button,#alpha-bank-podeli button,#jetpay button,#tinkoffcredit button,#sber-pokupay button,.gc-payment-method-card button {
background-color: #3d3bff !important;
border-color: #3d3bff !important;
color: #fff!important;;
border-radius: 5px;
display: block;
margin: auto;
font-size: 16px;
}
.gc-payment-method-card{
vertical-align: top;
height: 171px;
}
.deal-finish-price-title b{
font-size: 30px;
display: block;
color: #3d3bff;
}
.gcp-oferta-buyer {
visibility: hidden;
}
.xdget-currentUserInfo{
font-weight: 300;
font-size: 14px;
}
.gc-payment-method-card {
width: 288px;
position: relative;
margin-bottom: 10px;
height: 220px;
}
.gc-payment-method-card button{
position: absolute;
bottom: 10px;
left: 50%;
transform: translate(-50%, 0);
}
.gc-payment-method-card button img,#tinkoff button img{
display:none;
}
#tinkoff-dolyame,#tinkoffcredit,#sber-pokupay{
width: 240px;
position: relative;
margin-bottom: 10px;
height: 220px;
}
#tinkoff-dolyame button,#tinkoffcredit button,#sber-pokupay button{
position: absolute;
bottom: 10px;
left: 50%;
transform: translate(-50%, 0);
}
#alpha-bank-podeli{
width: 370px;
position: relative;
margin-bottom: 10px;
height: 220px;
}
#alpha-bank-podeli button{
white-space: normal!important;
background-color: #3d3bff !important;
border-color: #3d3bff !important;
color: #fff!important;;
border-radius: 5px;
display: block;
margin: auto;
position: absolute;
bottom: 10px;
left: 10%;
width: 80%;
}
#xdget351946_1_1_1_1_1_1,.gc-payment-method-card > div{
background-color: transparent !important;
}
#alternative-methods-container #tinkoff{
width: 288px;
height: 220px;
margin-right:10px;
padding: 10px;
background-color: rgb(255, 255, 255) !important;
border: 1px solid #e3e3e3;
border-radius: 10px;
position: relative;
margin-bottom: 10px;
}
#alternative-methods-container #tinkoff button{
background-color: #3d3bff !important;
border-color: #3d3bff !important;
color: #fff!important;;
border-radius: 5px;
display: block;
margin: auto;
position: absolute;
bottom: 10px;
left: 50%;
transform: translate(-50%, 0);
font-size: 16px;
}
#go-to-jetpay .glyphicon-arrow-right{
display:none;
}
.gc-payment-method-card table,#tinkoff-dolyame table,#tinkoffcredit table,#sber-pokupay table,#alternative-methods-container #tinkoff table, #alpha-bank-podeli table{
margin: 0 auto;
}
@media (max-width: 768px){
.gc-payment-method-card,#tinkoff-dolyame,#tinkoffcredit,#sber-pokupay,#alternative-methods-container #tinkoff,#alpha-bank-podeli{
width: 48%;
max-width: 100% !important;
}
}
@media (max-width: 540px){
.gc-payment-method-card, #tinkoff-dolyame, #tinkoffcredit, #sber-pokupay, #alternative-methods-container #tinkoff, #alpha-bank-podeli {
width: 100%;
max-width: 100% !important;
}
}
.gc-user-logined{
background-color: #f3f3f5;}
Буду очень признателен, если вы нашли ошибку или есть предложения по улучшению данной страницы. Донатики так же приветствуются :)