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.

See https://embroiderforyou.biz/mask-orders-7/

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.

Alan

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 6 years ago by imapappy.
• This reply was modified 6 years ago by imapappy.

Good Morning Gal,

Yes .. you are correct .. I missed that subtle change for the contact form. My Bad .. I have corrected this and centering now works fine.

As a CSS “noob” and trying to learn, could you provide a brief explanation of the difference between /div and /span?

Thank You.

Alan

Gal,

In the CF7 Form:
<span class=”Mask-Price”> Masks are $10.00 each – Embroidery Additional </span>

My CSS Code::

.Mask-Price {
text-align: center;
font-weight: bold;
font-family: Arial;
font-size: 26px;
Color: HoneyDew;
}

All but Text-align work as expected .. however the line is NOT centered.

Alan

Thanks Again Gal …

I understand the first part and got it working .. ie changing font and size etc but still confused on changing justification .. ie. using div(block) instead of span.

Could I trouble you to give me an example of centering the text on the form while also changing the font size.

Here is my actual code (Thanks to you)

<span class=”Mask-Price”> Masks are $10.00 each Unless Otherwise Specified in Fabric Choice </span>

.Mask-Price {
font-weight:bold;
font-family: Arial;
font-size: 18px;
}

Seeing it visually as an example as you did the first part is the best learning tool for me.

Alan

• This reply was modified 6 years ago by imapappy.

Takayuki,

You were correct .. Inozilla was the culprit. I deactivated it and the problem disappeared.

Thank You ..

Alan

Also, if I have just finished my CF7 edit sesson and pressed the save button to complete the save, when I try to go to another WordPress option eg. “Pages”,
I get the LEAVE/CANCEL message again and have to press CANCEL again to exit the CF7 session.

Website is http://www.embroiderforyou.biz. I can give you ID and PW if I can do it privately.

Alan

1.
Mailer: smtp
Constants: No
ErrorInfo: SMTP connect() failed. https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting
Host: smtp.comcast.net
Port: 587
SMTPSecure: tls
SMTPAutoTLS: bool(true)
SMTPAuth: bool(true)

Server:
OpenSSL: OpenSSL 1.0.1e 11 Feb 2013
SMTP Debug:
2020-05-05 20:58:04 Connection: opening to smtp.comcast.net:587, timeout=300, options=array ()

2020-05-05 20:58:05 Connection failed. Error #2: stream_socket_client(): unable to connect to smtp.comcast.net:587 (Connection refused) [/var/www/wp-includes/class-smtp.php line 298]

2020-05-05 20:58:05 SMTP ERROR: Failed to connect to server: Connection refused (111)
SMTP connect() failed. https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting

2. Now using Contact Form 7 one one form … WordPress/Enfold form on the other but will convert soon to 7

Thank You Both … your suggestions were excellent. I have it working fine now and have a much better understanding.

Alan