Layout of Checkboxes

Hi It would be really great to find a solution on this issue

It Looks this way at the Moment:
? Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

The text should have a left margin right from the box

If it’s a CSS fix you should provide a link to a page with the issue

Of course: https://blog.catherine-leichsenring.de/?p=604

It should be possible to fix via css. Unfortunatly I do not know how

Are you sure this is not something related to your theme; does the issue persist on another theme? There’s a style that gives all of your input fields a width of 240 pixels, causing this huge gap for checkboxes.

I checked with another theme. It Looks a bit better there, but is still the same issue. The text does not stay right from the checkbox
https://www.catherine-leichsenring.de/test/?page_id=3404

How should the css for checkboxes look like?

Is the issue what I’ve outlined in red: https://snag.gy/Ldbly.jpg ?

yes

Install a custom css plugin and add this css:

.checkbox {
    padding-left: 20px;
    position: relative;
}

.checkbox input {
    position: absolute;
    left: 0;
    top: .45em;
}

https://www.ads-software.com/plugins/custom-css-manager-plugin/

Thanks. I would say going in the right direction but still not perfect:

https://blog.catherine-leichsenring.de/abmeldung-vom-bank-blog-newsletter/

If you’re using your original theme then you need this CSS:

.checkbox {
    padding-left: 20px;
    position: relative;
}

.checkbox input {
    position: absolute;
    left: 0;
    top: .2em;
    width: auto;
}

If you switch themes it might be different too.

Awesome. Thank you very much indeed for your Kind help!