3 Issues with Leads Capture widget

Hi, I am working on a website using the blackriders theme.

I am having some issue with the leads capture widget.

Please visit the page to spot the following problems. www.speedycarloans.ca


1. I would like to know why side and footer widget is not lining up with the top header of the form. At different points adjusting the width of the web page.

2. I would like to know how to adjust the submit button to be centred. (main, sidebar, footer)
Also, the right side of the button looks cut off.(or the button is way too long when i change the text, regardless of the text length.)

3. the footer widget's left side looks like it was cut off. The rounded edges on the left bottom does not exist anymore.

4. I would like to know how to change the height of the form on the home page.
How to remove the scroll bars on the right of the form box on smaller desktop view. Basically, the height gets smaller which affects the view of the form.

Thanks,

Albert

 

Hello,

1. Use following css code to fix first problem.

Code:

.caption {
top: .1%;
}

2. You have entered some extra spaces in submit button text, to fix this problem remove that spaces which you entered after submit button text.
Following image will help you to remove extra spaces.


3. In the footer widget that is not cut off, it has applied some border radius css code so it is looking rounded around the corners.
To remove that rounded corner use following css code in Custom CSS.

Code:

.footer_widget .signupform-header {
border-top-right-radius: 0;
border-top-left-radius: 0;
}

4. You can not change height of form.

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Hello.
I have applied them and seems like none of them seemed to fix the problem.
I am using chrome on a mac.

1. I tried putting them in, but still misaligned when it is in certain point of the windows width.

2. I have no spaced after Approved!

The text still does not centre on the button, when i change to any text. Only default one looks good.

 

Hello,

Hello,

Paste the code given below in Custom CSS section, this code will solve your most of issues.
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.sidebar #signinForm input[type="submit"] {
margin-left: 10px;
}
@media only screen and (max-width: 1370px) and (min-width: 1140px){
.sidebar .signinformbox_wrapper{
width: 98%;
}
}
 
@media only screen and (max-width: 1140px) and (min-width: 960px){
.sidebar .signinformbox_wrapper{
width: 98%;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.sidebar .signinformbox_wrapper{
width: 98%;
}
}
.signinformbox_wrapper{
border-radius: 0;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade