Checkbox not formatting

Resolved

(@jmillsapps)

<div class="Main-Form">
    <div class="row">
      <div class="col-lg-6 col-sm-12">
        [text* your-name autocomplete:name placeholder "Name*"]
      </div>
      <div class="col-lg-6 col-sm-12">
        [text* your-company placeholder "Company*"]             
      </div>
      <div class="col-lg-6 col-sm-12">
        [email* your-email autocomplete:email placeholder "Email*"]
      </div>
    </div>

    <div class="checkbox">
      Type of Drinking Water You Currently Provide:
      [checkbox checkbox-130 use_label_element "Bottle Cooler" "Water Bottles" "Single Filter Cooler" "Tap Water" "Drinking Fountain" "Refrigerator" "Not Sure / Other"]
    </div>

    <div class="row">
      <div class="col-12 Submit-Btn">
           [submit "Submit"]
     </div>

I am having trouble with my checkbox formatting.

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

Thread Starter jmillsapps
(@jmillsapps)

1 year, 2 months ago
```
.Main-Form checkbox {
    width: 20px;
    height: 20px;
	  border: transparent;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 25px;
}
```
```
Above is the additional CSS that I have added.
```
Plugin Author Takayuki Miyoshi
(@takayukister)

1 year, 2 months ago
```
.Main-Form checkbox {
```
This selector is obviously invalid. What do you intend with this?
Thread Starter jmillsapps
(@jmillsapps)

1 year, 2 months ago

Im just trying to get some kind of formatting. I removed it.

https://i55.0b3.myftpupload.com/ebook/

If you look, the border is only around the top line. Im either trying to remove it, or have it cover the entire checkbox.
Thread Starter jmillsapps
(@jmillsapps)

1 year, 2 months ago
I was abl eto get what I wanted by editing the correct css –
```
.wpcf7-checkbox
```

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Checkbox not formatting’ is closed to new replies.