- This topic has 7 replies, 2 voices, and was last updated 5 years, 12 months ago by
.
Hello,
My sign up/subscribe button is showing up as seen below in the screenshot in the footer and also in the header sign up. I’ve tried some of the solutions provided in other posts without success. How do I fix this?
Hi @gabipasos,
I hope you are well today and thank you for your question.
Could you please share the page URL from your site where it is not displaying correctly so that I can troubleshoot it?
Best regards,
Shufflehound teamYou can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.widget-item .mc4wp-form input[type=submit], .widget-item .mc4wp-form button[type=submit] { padding: 0 20px; margin: 0 !important; top: 0 !important; line-height: 30px; bottom: auto !important; }Thank you! I added another form field “First Name” as seen in the screenshot and it moved the submit button to be in line with the first form field and I would prefer for it to be in line with the second form field.
Also how do I edit the static color of the subscribe button and the color of it when I hover over it??
Thank you in advance!
To achieve this, please change the above shared CSS code as following.
.widget-item .mc4wp-form input[type=submit], .widget-item .mc4wp-form button[type=submit] { padding: 0 20px; margin: 0 !important; top: auto !important; line-height: 30px; bottom: 0 !important; background: #f3f3f3 !important; } .widget-item .mc4wp-form input[type=submit]:hover, .widget-item .mc4wp-form button[type=submit]:hover { background: #dcd5d5 !important; }Also how do I edit the static color of the subscribe button and the color of it when I hover over it??
That color code is also contained in the above shared CSS code as background and you can change values of it #f3f3f3 and #dcd5d5.
