Lead Form Slider

I am using BlackRiders.

The lead capture form at the top of the page has a slider. I have had several people complain that they cannot figure out how to submit the form. I want to remove the slider and have the form appear full size. You can see it here: http://www.greatwriterspublishing.com

I have tried the fixes I found on this forum, but they have not worked. The styling code I have entered in the custom CSS section is as follows:

.signupform-header h6 {
font-size: 11px;
}

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

.content-bar a {
color: blue;
}

What am I doing wrong?

Thanks for your help.

Don

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.flexslider .slides {
visibility: hidden;
}
div.caption {
width: 78%;
left: 11%;
}
.signupform input[type="text"], .signupform input[type="email"], .signupform select {
width: 90%;
}
.signinformbox_wrapper {
height: 444px;
}
div.home-content {
margin-top: 130px;
}
ul.flex-direction-nav {
display: none;
} 

You can adjust the above values as per your requirement.
This will solve your issue.

 

I did what you recommended above, but the lead capture form covered up the entire page and the slides disappeared. I am sending a screen shot so you can see what it did.

I did try to adjust the values as you recommended also, but the form was left justified, not right.

 

Hello,

Remove the custom code provided in the above post from the Custom Css of your dashboard.

Now, paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.signinformbox_wrapper {
overflow: hidden;
height: 100%;
}

This will solve your issue.

 

Yes, that did fix the issue. Thank you VERY much. One more question. . .

The text in the header of that box is quite large. I would like to add more text but it makes the box too large. Is there any way to keep that text bold and add more text without having it as an h4 tag?. I would like to keep the spacing normal and adding the h tag creates huge spacing. I do know html . . .

Thanks,

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.signupform-header h4 {
font-size: 15px;
} 

You can change the value of "font-size" as per your requirement.
This will solve your issue.