Стиль флажка контактной формы 7 ⇐ CSS

[Anonymous]

прежде всего, заранее прошу прощения за свое невежество, я новичок в подобных вещах, но пытаюсь научиться..

Так что моя проблема в том, что я пытаюсь чтобы создать 6 флажков в контактной форме. 7 отображаются в сетке из 6 флажков, которые я создал с помощью этого сайта.

Код: Выделить всё

.select-size input {
display: none;
}

label {
display: inline-block;
width: 150px;
height: 80px;
text-align: center;
border: 2px solid #FD484E;
line-height: 80px;
cursor: pointer;
font-family: sans-serif;
margin: 5px;
}

#windows:checked~label[for="windows"],
#doors:checked~label[for="doors"],
#roofline:checked~label[for="roofline"],
#conservatories:checked~label[for="conservatories"],
#extensions:checked~label[for="extensions"],
#repairs:checked~label[for="repairs"] {
background: #FD484E;
color: #fff;
}

Код: Выделить всё

Windows
Doors
Roofline
Conservatories
Extensions
Repairs

Код моей контактной формы 7:

Код: Выделить всё

 


[text* your-name placeholder "Your Name"]

[email* your-email placeholder "Your Email"]

[tel* tel-395 placeholder "Your Telephone"]

[checkbox* checkbox-495 id:checkbox use_label_element "Windows" "Doors" "Conservatories" "Roofline" "Extensions" "Repairs"]




We will contact you within one business day.

[submit "Send Message"]

сейчас.... Я зациклился на том, как я объединить эти два вместе? это выше моего понимания, обычно я могу обойтись общими моментами, но это меня действительно поставило в тупик.

Если кто-нибудь сможет мне помочь, я буду очень признателен.

Заранее спасибо,

С уважением

Подробнее здесь: https://stackoverflow.com/questions/500 ... ox-styling