|
khumbulani
|
August 23, 2018 at 3:23 am
Hi, I would like to edit the registration checkout page on my side to make it a bit more compact. Currently there is too much spacing between the payment details confirmation, the method of payment and the important information block. How do I reduce the spacing as I need to bring up the “Proceed to finalize registration” button closer to the top so that the user can see that they need to click there to proceed to the payment gateway? Thanks
|
|
Seth Shoultes
|
August 23, 2018 at 5:50 am
Hi there,
If you are familiar with Cascading Style Sheets (CSS), you should be able to add styles using the WordPress Customizer CSS tool to adjust the styles on that page.
|
|
khumbulani
|
August 23, 2018 at 5:54 am
Thanks Seth. Im familiar with CSS, but I need to know what attributes to change/customize?
|
|
Josh
|
August 23, 2018 at 6:38 am
Hi,
You could start with these:
.page-id-216822 .et_pb_row et_pb_row_1 img {
max-width: 50%;
}
.page-id-216822 .et_pb_row_1 {
padding: 5px 0;
}
#ee-spco-payment_options-reg-step-form-payment-options-before-payment-options{
padding-bottom: 0;
margin: 5px 0;
}
#spco-payment-method-info-payfast {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
border: none;
}
#spco-payment-method-info-payfast .ee-attention {
margin: 0;
}
If you need more attributes, you can use your web browser’s inspector to get more.
|
