Skip Navigation

[Resolved] override css of CRED forms

This thread is resolved. Here is a description of the problem and solution.

Problem:

The issue here is that the user wanted to adjust his checkboxes on the CRED form using CSS.
Solution:

To target the checkboxes you can use the example css below.

.checkbox input[type="checkbox"]{

/*css markup goes here */

}
This support ticket is created 6 years, 9 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: 

This topic contains 7 replies, has 2 voices.

Last updated by fabriceS 6 years, 9 months ago.

Assisted by: Shane.

Author
Posts
#617892
Screen Shot 2018-02-20 at 13.04.02_ok.png
Screen Shot 2018-02-20 at 13.04.02.png

Hi

It seems to be quite difficult to override some css settings.
I can't align the checkbox itself with it's label to be "in the middle", and it's impossible to set the submit button (here "envoyer") to the bottom of my div.

Any idea to help ?

Thanks a lot for you help.

#618042

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Fabrice,

Thank you for contacting our support forum.

Would you mind providing me with a link to the form so that I can take a look at this for you ?

Thanks,
Shane

#618043

hidden link

#618053

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Fabrice,

I've found a fix that could work.

Would you mind providing me with admin access to the website so that I can apply this to the form ?

The private fields will be enabled for your next response.
Thanks,
Shane

#618056

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Fabrice,

I added the following to your form and it should now displaying the labels fine.

.checkbox input[type="checkbox"]{
 position: relative !important;
  margin-bottom: -12px !important;
}

Please let me know if this helps.
Thanks,
Shane

#618058

Hi Shane,

That's great ! thanks.
What about my "ENVOYER" submit button that should be in the bottom ?

#618064

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Fabrice,

My apologies, this should be fine now.

Thanks,
Shane

#618384

Thank you !