Sign up/Subscribe button misaligned

Home › Forums › Gillion Theme › Sign up/Subscribe button misaligned

Home › Forums › Gillion Theme › Sign up/Subscribe button misaligned

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    NOT RESOLVED Posts

  • gabipasos
    Participant

    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?

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    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 team

    gabipasos
    Participant

    Hello!

    dinkwisely.com

    Thank you in advance!

    Shufflehound Support
    Moderator

    You 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;
}

    gabipasos
    Participant

    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!

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    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;
}

    gabipasos
    Participant

    Also how do I edit the static color of the subscribe button and the color of it when I hover over it??

    Shufflehound Support
    Moderator

    That color code is also contained in the above shared CSS code as background and you can change values of it #f3f3f3 and #dcd5d5.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)