Support

October 20, 2017 at 3:00 pm

Hi,

i’m stylizing my checkout page, but I’m experimenting some issues with the CSS. None of the codes affected the style. I need to increase the padding at bottom of the form fields , the font-size and change the button appearence to match my site style.

My theme site is Avada from Theme Fusion and the Event espresso version is 4.9.46.p

I inserted the follow code to my child-theme CSS, but it is not working:

input.ee-ical-sbmt {
letter-spacing: 2px !important;
padding: 10px !important;
line-height: 17px !important;
font-size: 20px !important;
background: #dd3e3e !important;
text-transform: uppercase !important;
color: #ffffff !important;
transition: all .2s !important;
border-width: 0px !important;
border-style: solid !important;
border-color: #ffffff !important;
border-radius: 5px !important;
}

input.ee-ical-sbmt:hover {
background-color: #0a3644 !important;
}

input.ee-ical-sbmt:active {
background-color: #0a3644 !important;
}

#spco-go-to-step-payment_options-btn {
font-family: ‘Montserrat’ !important;
font-weight: 400 !important;
letter-spacing: 2px !important;
padding: 13px 29px !important;
line-height: 17px !important;
font-size: 14px !important;
background: #dd3e3e !important;
text-transform: uppercase !important;
color: #ffffff !important;
transition: all .2s !important;
border-width: 0px !important;
border-style: solid !important;
border-color: #ffffff !important;
border-radius: 5px !important;
-webkit-transition: all .2s !important;
-moz-transition: all .2s !important;
-ms-transition: all .2s !important;
-o-transition: all .2s !important;
-webkit-border-radius: 25px !important;
}
#spco-attendee_information-pg {
font-size: 15px !important;
}

#event_title {
font-size: 30px !important;
}

.post-content h5 {
font-size: 20px;
}

table th {
font-size: 15px;
}
tr.item {
font-size: 13px;
}

.ee-reg-form-attendee-dv .ee-reg-form-qstn-grp-title {
padding: 10px 0px;
}

div#ee_reg_qstn-10-fname-input-dv {
padding-bottom: 20px;
}

div#ee_reg_qstn-10-lname-input-dv {
padding-bottom: 20px;
}

div#ee_reg_qstn-10-email-input-dv {
padding-bottom: 20px;
}

div#ee_reg_qstn-10-11-input-dv {
padding-bottom: 20px;
}

div#ee_reg_qstn-10-12-input-dv {
padding-bottom: 20px;
}

div#ee_reg_qstn-10-13-input-dv {
padding-bottom: 20px;
}

div#ee_reg_qstn-10-14-input-dv {
padding-bottom: 20px;
}

input[type=”text”], select, textarea {
font-size: 15px;
}