Contact form 7 checkboxes in single lines

[rizziweb]

Hello,
I have a problem with the presentation of the checkbox. The checkbox should be displayed in single lines.

https://www.moravan.de/moravan-hausmesse-2019/
click Kontaktformular

I have another page where it works.
https://hausmeisterservice-sbfgroup.de/kontakt/
click Kontaktformular

I wrote this code in the CSS on both sides:
span.wpcf7-list-item {display: block;}

It does not work on the first page.
I ask for help

Thank you very much, Thomas

[rad]

Hi Thomas.

Thanks for reaching out.

The CSS is working, but you wrapped it in @media block which makes it only work on mobile

@media (max-width:767px){
    .tco-close-content-dock{
        font-size:20px;
    }
    span.wpcf7-list-item {
        display:block;
    }
    .wpcf7-list-item input{
        position:relative;
        top:-2px;
        margin-right:10px;
    }
    

If it’s meant for all devices, then you should change it to something like this

@media (max-width:767px){
    .tco-close-content-dock{
        font-size:20px;
    }
}
    span.wpcf7-list-item {
        display:block;
    }
    .wpcf7-list-item input{
        position:relative;
        top:-2px;
        margin-right:10px;
    }
    

Thanks!

[rizziweb]

Hello,

Thanks for your quick reply. I wrote the code in the CSS. But unfortunately nothing has changed. The lines of the checkbox are not displayed one below the other.

Best regards Thomas

[thai]

Hi Thomas,

@Rad meant, you forgot to close the curly bracket(}) in your custom CSS.

• Please find this custom CSS:

@media (max-width:767px){
    .tco-close-content-dock{
        font-size:20px;
    }

• And change to this:

@media (max-width:767px){
    .tco-close-content-dock{
        font-size:20px;
    }
}

If it doesn’t work, please provde us with your admin account so we can take a closer look.

Thank you.

[rizziweb]

Hello,

I found the mistake.
Thank you for your help

Greetings Thomas

[thai]

You’re welcome.