How to style the checkboxes (for email subscription)?

Only editying the CSS doesn’t help, because there is some style applied inline in the html.

You should be able to overwrite the inline styles by adding !important to your custom CSS rules. Give it a try, and let me know if you still experience issues.

Hi, thanks for your kind reply. Hmm, not really sure whether I can achieve it without editing the html. I am trying. Here is the CSS file.

This is what happens when I use the #subscribe-label id:
https://imageshack.us/a/img6/7882/gm9p.png

And this is what happens if I use the .comment-subscription-form class:
https://imageshack.us/a/img820/7103/roqn.png

The latest is now live in the site.
Seems to me that there is no way to style the label text?! Do you know if it is possible?

You seem to be on the right track, although you will need to make more changes to overwrite the existing styles. For example, you’d need to use !important in .comment-subscription-form label to overwrite the display property.

.comment-subscription-form also has to be larger if you want the label text to be next to the checkbox, and not over it.
You will also need to move some of the CSS from .comment-subscription-form to .comment-subscription-form input[type=checkbox] to apply the custom styles to the checkbox instead of the complete line.

If you do not feel comfortable editing this code, I would recommend that you post on CSS forums to get help from pros.

I hope this helps.

Thanks much for your help.
I’ll try to sort it out