wpforms css reply issue
-
I am using wpforms for wordpress, and when I try to use css to edit the form, it seems to work fine, except when I try to reply to a new contact, it seems to send the css for the form with the email. Can you help me resolve this issue?
-
Hey devswartz,
Thanks for reaching out!
When you get a chance can you provide some more details? Perhaps provide some screenshots?
Let me know π
Begin forwarded message:
From: [email protected]
Subject: Re: New Contact
Date: 21 February, 2017 11:46:02 PM PST
To: Elsie Kornelsen <[email protected]>On 2017-02-21 16:01, Elsie Kornelsen wrote:
Black and White Bookkeeping p{ margin:10px 0; padding:0; } table{
border-collapse:collapse; } h1,h2,h3,h4,h5,h6{ display:block;
margin:0; padding:0; } img,a img{ border:0; height:auto; outline:none;
text-decoration:none; } body,#bodyTable,#bodyCell{ height:100%;
margin:0; padding:0; width:100%; } #outlook a{ padding:0; } img{
-ms-interpolation-mode:bicubic; } table{ mso-table-lspace:0pt;
mso-table-rspace:0pt; } .ReadMsgBody{ width:100%; } .ExternalClass{
width:100%; } p,a,li,td,blockquote{ mso-line-height-rule:exactly; }
a[href^=tel],a[href^=sms]{ color:inherit; cursor:default;
text-decoration:none; } p,a,li,td,body,table,blockquote{
-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
.ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass
div,.ExternalClass span,.ExternalClass font{ line-height:100%; }
a[x-apple-data-detectors]{ color:inherit !important;
text-decoration:none !important; font-size:inherit !important;
font-family:inherit !important; font-weight:inherit !important;
line-height:inherit !important; } #bodyCell{ padding:50px 50px; }
.templateContainer{ max-width:600px !important; border:0; }
a.mcnButton{ display:block; } .mcnTextContent{ word-break:break-word;
} .mcnTextContent img{ height:auto !important; } .mcnDividerBlock{
table-layout:fixed !important; } /***** Make theme edits below if
needed *****/ /* Page – Background Style */ body,#bodyTable{
background-color:#135bf5; } /* Page – Heading 1 */ h1{ color:#202020;
font-family: ‘Helvetica Neue’, Helvetica, Arial, ‘Lucida Grande’,
sans-serif; font-size:26px; font-style:normal; font-weight:bold;
line-height:125%; letter-spacing:normal; } /* Page – Heading 2 */ h2{
color:#202020; font-family: ‘Helvetica Neue’, Helvetica, Arial,
‘Lucida Grande’, sans-serif; font-size:22px; font-style:normal;
font-weight:bold; line-height:125%; letter-spacing:normal; } /* Page –
Heading 3 */ h3{ color:#202020; font-family: ‘Helvetica Neue’,
Helvetica, Arial, ‘Lucida Grande’, sans-serif; font-size:20px;
font-style:normal; font-weight:bold; line-height:125%;
letter-spacing:normal; } /* Page – Heading 4 */ h4{ color:#202020;
font-family: ‘Helvetica Neue’, Helvetica, Arial, ‘Lucida Grande’,
sans-serif; font-size:18px; font-style:normal; font-weight:bold;
line-height:125%; letter-spacing:normal; } /* Header – Header Style */
#templateHeader{ border-top:0; border-bottom:0; padding-top:0;
padding-bottom:20px; text-align: center; } /* Body – Body Style */
#templateBody{ background-color:#FFFFFF; border-top:0; border: 1px
solid #c1c1c1; padding-top:0; padding-bottom:0px; } /* Body -Body Text
*/ #templateBody .mcnTextContent, #templateBody .mcnTextContent p{
color:#555555; font-family: ‘Helvetica Neue’, Helvetica, Arial,
‘Lucida Grande’, sans-serif; font-size:14px; line-height:150%; } /*
Body – Body Link */ #templateBody .mcnTextContent a, #templateBody
.mcnTextContent p a{ color:#ff7f50; font-weight:normal;
text-decoration:underline; } /* Footer – Footer Style */
#templateFooter{ background-color:#135bf5; border-top:0;
border-bottom:0; padding-top:12px; padding-bottom:12px; } /* Footer –
Footer Text */ #templateFooter .mcnTextContent, #templateFooter
.mcnTextContent p{ color:#cccccc; font-family: ‘Helvetica Neue’,
Helvetica, Arial, ‘Lucida Grande’, sans-serif; font-size:12px;
line-height:150%; text-align:center; } /* Footer – Footer Link */
#templateFooter .mcnTextContent a, #templateFooter .mcnTextContent p
a{ color:#cccccc; font-weight:normal; text-decoration:underline; }
@media only screen and (min-width:768px){ .templateContainer{
width:600px !important; } } @media only screen and (max-width: 480px){
body,table,td,p,a,li,blockquote{ -webkit-text-size-adjust:none
!important; } } @media only screen and (max-width: 480px){ body{
width:100% !important; min-width:100% !important; } } @media only
screen and (max-width: 680px){ #bodyCell{ padding:20px 20px
!important; } } @media only screen and (max-width: 480px){
.mcnTextContentContainer{ max-width:100% !important; width:100%
!important; } }
NAME
Elsie Kornelsen
E-MAIL
[email protected]
MESSAGE
Testing site
Sent from Black and White Bookkeeping [1]
Links:
——
[1] http://blackandwhitebookkeeping.ca
Lets see if this works!!!Where/how are you adding the custom CSS?
The WPForms form builder does not support CSS rules, only CSS classes. If you’re directly adding CSS rules some where in the form builder that is likely the cause.
Let me know.
I am adding css through the theme additional css editor
Sounds like there is a syntax error or incorrect tag in the CSS.
Removing the custom CSS restores things to normal behavior?
I’d paste your CSS in http://codebeautify.org/cssvalidate
I don’t think the css had a syntax error, although unfortunately I don’t have it anymore because I deleted it. I just wanted to make the form text white without making the submit button text white because it would blend in. Would you have any suggestions of code to use. The code I used before worked.
I just tested the contact form again, and it still doesn’t work. So I guess the problem isn’t with the code. Do you know what it would be?
In order to further assist we’ll need to get more information from you.
Please fill out the contact form on https://wpforms.com/contact/
Click “COMPLETE A FORM” under I have a basic question.
The topic ‘wpforms css reply issue’ is closed to new replies.