Docs

[Marcelo]

Hi team,

I’m trying to change the CSS style of my form but for some reason nothing is happening.

The CSS code I’m using is:

#_form_570D082A9E871_._form._inline-form ._form-title {
font-size: 22px;
line-height: 22px;
font-weight: 600;
margin-bottom: 20px;
}

I want to change the font size, etc… of a piece of text in my form.

I also want to know how I can change other CSS styles of the form like font size of the fields, line space, etc.

Any help would be much appreciated indeed.

The url is: http://atracaodeclientes.com.br/fale-com-um-coach-2/

P.S. Something is stripping the css style from the form.

[Jade]

Hi Marcelo,

Please try this:

#_form_570D082A9E871_._form._inline-form ._form-title {
    font-size: 22px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

Hope this helps.

[Marcelo]

Hi Jade,

I did figure it out using your code with some modifications.

Here it is:

._form-label{font-size:16px!important;}

._form-title {
font-size: 27px!important;
line-height: 28px!important;
font-weight: 600!important;
margin-bottom: 20px!important;
text-align:center!important;}

._form ._submit {
-webkit-appearance: none;
cursor: pointer;
font-family: arial, sans-serif !important;
font-size: 19px!important;
text-align: center;
font-weight: 800!important;
box-shadow: none!important;}

It’s working beautifully!

Another question if you don’t mind. All my CSS styles are the customizer. Should I place them inside the atracaodeclientes.com.br/wp-content/themes/x-child/styles.css or leave inside the customizer as it is?

Many thanks!

[Christian]

You can leave it in the Customizer.

Thanks.

[Marcelo]

Thanks Christian, I will leave the code there!

[Darshana]

Let us know if you need anything else.

Thanks!

[Author]

Posts