Support » Plugin: Contact Form 7 » Aligning New Button on Contact Form 7

  • I added a new button on my form named above to activate a popup when pressed. The popup is “Mask Measurement Guide”.

    I would like to Center or Right Justify it on the form.

    Can anyone tell me how to change the justification of a button on a Contact Form 7 other than the SUBMIT button.

    Thank You.


    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


    Thread Starter imapappy


    Thank You Takayuki …

    I got it to work by doing the following:

    In CF7 I put the following:

    <div class=”measurement-guide”> [submit class:popmake-mask-measurement-chart “Mask Measurement Guide”] </div>

    and added the following css code:
    .measurement-guide {
    text-align: center;

    It centered the button just fine but, as you notice, it changed the alignment of the next field below it.


    How can I correct this?

    The next four fields are generated using the following cf7 code:

    <div class=”flex_column av_one_fourth first”> <label> Quantity [number Q1 min:0 max:100] </div> </label>

    <div class=”flex_column av_one_fourth”> <label> Fabric [select F1 “Select” “08 Navy With Stars (Medium Only)”
    “09 Wash Your Hands” “10 New York” “13 Biker” “14 Vertical Stripes” “15 Air Mail” “16 Purple Polka Dots” “18 Pen Pal ” “20 Green Grass (Medium Only)” “22 Navy Small Stars” “24 Moon Night” “25 Bead Flowers” “26 Green Leaf” “27 Coral Cotton” “28 Gray Cotton” “29 Dotted Stars on Red” “30 White With Gray Stars” “31 Stars on Red” “34 Blue Foil” “35 Red White Stripes” “36 Multi Stars” “37 Navy With Stars and Swirls” “38 Striped Stars on Wood” “39 Mini Stars” “40 Textured Stripe” “41 White With Random Stars” “43 Navy with Little Stars” “44 Blue Marble” “45 Flowered Lilac” “46 Dark Green With Stars” “47 Flowered Tan” “48 Princesses” “49 Embroidered Lips ($15)” “50 Embroidered Shears ($15)” “51 Gray” “52 Black” “53 Brown” “54 Blue” “55 Denim Like” “56 The Incredibles” “57 Minecraft” “58 Spirit Marvel” “59 Dinos” “60 NASA Logo” “61 Spiderman” “62 Octopus” “63 Millenium Falcon” “64 Steelers” “65 University of Pittsburgh” “66 Sharks” “67 All Star” “68 Paws and Bones” “69 Grand Prix” “70 Democrat” “71 Republican” “72 Pink-Multi Dots” “73 Teal-Multi Dots” “74 Pink Burst” “75 Penn State University” “76 Princess” “77 Frozen 2” “78 Pirates” “98 Embroidered Wedding ($15 each)” “99 Use Your Own Fabric”] </div> </label>

    <div class=”flex_column av_one_fourth”> <label> Size [select S1 ” ” “Adult Extra Large” “Adult Large” “Adult Medium” “Adult Small” “Adult Extra Small” “Child Large” “Child Medium” “Child Small” “Child Extra Small”] </div> </label>

    <div class=”flex_column av_one_fourth”> <label> Elastic [select E1 ” ” “White” “Black”] </div> </label>

    Thank You for taking the time to help me. I am very new at this and trying to learn new things every day.


    BTW .. Congratulations on a fine product. I find Contact Form 7 to be a great enhancement to other ways of doing forms in WordPress.

    • This reply was modified 1 year, 5 months ago by imapappy.
    • This reply was modified 1 year, 5 months ago by imapappy.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Aligning New Button on Contact Form 7’ is closed to new replies.