Checkbox position

  • Resolved 0midgard0

    (@0midgard0)


    7 years, 9 months ago

    Hey guys!

    I use the contact form 7 for several pages and it works really well. But I have a problem with the position of the checkbox. It’s shown above the text. This would not be THAT bad. But it is centered. And that looks really strange on my site.

    I use some CSS to redesign the contact form (see below) but I cant find a way to put the checkbox to the left side. Any ideas?

    Thank you so much!

    Greetz
    Malte
    ___________________________
    #Kontaktformular {
    background:#FFFFFF;
    padding:20px 15px 15px 15px;
    border-radius:5px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
    }
    #Kontaktformular input {
    width:100%;
    float: left;
    margin-bottom:10px;
    }
    #Kontaktformular input[type=”submit”] {
    background:#88ac34;
    font-size:14px;
    width:20%;
    }
    #Kontaktformular input[type=”submit”]:hover {
    background:#8BC34A;
    }
    #Kontaktformular
    textarea {
    width:100%;
    height:200px;
    }
    _____________________________________

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    7 years, 9 months ago

    #Kontaktformular input {
width:100%;
float: left;
margin-bottom:10px;
}

    Try removing this width:100%;.

    Thread Starter 0midgard0

    (@0midgard0)

    7 years, 9 months ago

    Good morning!

    Sorry for my late replay and thank you so much for your help.

    Unfortunately this doesn’t work completely well. Now, the Checkbox is in line but other parts are broken.

    The description of the boxes is now not longer above the box. It is right the box.

    I need the 100% width to receive full width of the name, phone, mail boxes.
    EDIT:

    I fixed it by adding seperate 100% width for the boxes:

    #Kontaktformular
    input[type=”tel”] {
    width:100%;
    }

    Now it’s perfect!

    Many thanks!

    • This reply was modified 7 years, 9 months ago by 0midgard0.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Checkbox position’ is closed to new replies.