CSS for Checkbox

[madeby18]

I’m trying to move the checkbox on this page: https://madebypress.org/innovative/login/ to center with the rest of the text and other elements.

The login form is a piece of shortcode from the Restrict Content Pro plugin.

This is what I’ve added, but I’m doing something wrong:

/Checkbox/

.rcp_form input[type=checkbox] {
float: none;
}

I’m wondering too, am I using the right element to work with plugin shortcodes in X?

Thanks,
Brad

[nico]

Hi @madeby18,

Thanks for writing in.

Usually shortcodes or other html code we use raw html element instead of text element so that it would work properly.

I could see that you have used the right CSS.

However it is not working due to the CSS hierarchy.

You could add !important to the CSS so that it would work.

For example,

.rcp_form input[type=checkbox] {
float: none !important;
}

Let us know how it goes.

Thanks.

[madeby18]

Perfect!

Thank you so much Nico.

Be well,
Brad

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!