X Pro Child Theme Does Not Alter CSS

Support
#1

Good Day,

I am trying to edit a contact form via the child theme.

The styles are not be inherited.

I have tried the Customiser/Custom CSS as well and the changes are not showing.

------------------------------ CSS TO BE OVER RIDDEN BY CHILD THEME ------------------------------

.caldera-grid .form-control {
width: 100%;
height: 34px;
padding: 6px 12px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}
caldera-forms-f…?ver=1.5.7.1:1
.caldera-grid .form-control, .caldera-grid output {
font-size: 14px;
line-height: 1.42857143;
color: #555;
display: block;

------------------------------ CSS TO BE INHERITED ------------------------------
.caldera-grid .form-control {
width: 100%;
height: 50px;
padding: 6px 12px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
font-size: 19px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

------------------------------ CSS DOUBLED INPUT BY CSS CUSTOMISER ------------------------------

.caldera-grid .form-control {
width: 100%;
height: 50px;
padding: 6px 12px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
font-size: 19px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
caldera-forms-f…?ver=1.5.7.1:1
.caldera-grid input {
line-height: normal;

I am using the latest version of WP & X Pro any help would be appreciated thank you.

#2

Hi,

You have a syntax error in your css code.

.caldera-grid .form-control {
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
	font-size: 19px;!important
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

The !important added in your font size is outside the semi colon

Please change it to

body .caldera-grid .form-control {
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
   font-size: 19px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

Hope that helps

#3

Hi @paul.r,

It was a long week!

Thanks for the help, even removing that syntax error does not help.

If you log in again you can see the syntax error is removed.

I have reverted to editing the contact forms core for now.

Kind Regards

#4

Hi,

I tried adding the code in the Customizer > Custom > Edit Global CSS and it seems to work.

See Video - https://www.screencast.com/t/0seJOIVyjQ

#5

Hi @paul.r

Appears to be working now, could it be a caching issue on my side? I do not use caching on development sites.

Thank you very much for the prompt support as always.

Kind Regards

#6

You’re welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.