Try to add this code to the bottom of your style.css file inside your current theme’s folder:
#commentform label.wysija-box-after-comment{
width:100% important!;
}
Unfortunately that didn’t help (inputted it via jetpack’s edit css)
Did you ever get this to work?
I am still trying to figure out the issue as I have the same problem. I put the code at the bottom of my style.css file and nothing changed. I also tried adding the code using”edit css” and using this code
#commentform label {position: relative;left: 0;}
#wysija-box-after-comment {width: auto;
}
No matter what I do, the opt in button and text still showing up on four different lines.
Any help would be greatly appreciated.
Did you ever get an anwwer to this?
I am having the same problem on a fresh install of WordPress 4.4.2 with MailPoet
BTW, the code above had the ! on the wrong side of important so it should look like
#commentform label.wysija-box-after-comment {
width: 100% !important;
}
Which I tried but to no avail.
I also tried hard-coding the width to a fixed pixel width of 1000px but it made no difference.
I assume most people do not change the text for the label of the Subscribe button so never see the label wrap like you do if you have a longer text string.
FYI, just to trouble-shoot, I changed my label so it had not spaces in it so it read
“Please_add_me_to_your_mailing_list.” (without the quotes)
and the whole line started under the checkbox and broke after the i in mail.
I then removed characters until the first unbroken string did NOT wrap, and I had to cut back to 6 characters in the label (Please) to get it to stay on the line beside the checkbox. After that, the remainder wrapped.
So, the issue has struck at least a few of us. It may be present for more but they don’t know about it.
Any ideas?
Got it!
Here is the code that goes into the css file in the child theme
/*
Fix an issue with MailPoet
affecting the label for the Subscribe button
(the one that is shown after the comments on a post page).
Without this fix, the label word-wraps after a few characters.
*/
#commentform label[for="wysija-box-after-comment"] {
width: 100%;
}
input#wysija-box-after-comment {
width: 3em;
margin-left: 25%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
Adjust the spacing for the checkbox as you prefer or leave it as is.
