Lead Form Widget - button and header not centered

The lead form sidebar widget is not formatting correctly. The button is pushed too far to the left and the header is too far to the right. Also, as mentioned in another thread, there is no background shadow around the body so it looks strange overall.

Can you provide a solution? I am on a local host server.

 

Hello,

Code:

.sidebar #signinForm input[type="submit"] {
margin-left: 18px;
}
.signupform-header h4 {
padding-right: 20px;
}

Adjust margin-left and padding-right according to your requirement.

Thanks & Regards
Nitesh Raghuwanshi

 

Thanks for the reply Nitesh. The only thing that worked was the css to fix the button alignment.

Please see result attached. The header image alignment issue exists regardless of screen resolution size. The header box misalignment exists when the website is viewed on 10" tablet and 13" laptop screens.

Any other suggestions?

Thanks for the continued support guys. It is 1st class.

 

Just for reference, I have attached the home page lead capture form which is perfect.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .sidebar .mCSB_container {
margin-right: 0;
}

This will solve your issue.


Thanks & Regards
Gourav Shrivastava

 

Thanks Gourav. Nothing happening unfortunately. Perhaps custom css is causing conflict?

I have this in the custom css box to change the colours of the sidebar lead form and to remove the scroll bar from the home page lead box

.signinformbox_wrapper {
height: auto;
overflow: hidden;
}

p{
font-size:15px!important;
}

.sidebar .signinformbox_wrapper {
overflow: hidden;
height: 100%;
}
.blog_feature {
display: none;
}

.blog-heading {
display: none;
}

.sidebar #signinForm input[type="submit"] {
margin-left: 22px;
}

#signinForm {
background: darkorange ! important;
}
#signinForm input[type="text"], #signinForm input[type="email"], #signinForm select {
border: 6px solid orange ! important;
}
#signinForm textarea {
border: 6px solid orange ! important;
}
.signinformbox_wrapper {
background: darkorange ! important;
}
#signinForm input[type="submit"] {
background: #0896be ! important;
border-radius: 5px ! important;
}
#signinForm input[type="submit"]:hover {
background: #10b2e1 ! important;
}

 

Hello,

Do let us know your website link.

Thanks & Regards
Gourav Shrivastava

 

I am on a local host server.

 

Hello,

We can't find any issues in our local server and we are not able to fix your issues without seeing your live site.

Thanks & Regards
Yogesh Bhade