Form displaying incorrectly

Resolved teambrg
(@teambrg)

8 years, 4 months ago

Hi There,

I did the update for WP Contact Slider and now the form seems to be displaying incorrectly. You can’t see the whole text area and it was also not covering the full length of the screen before and it is now.

Is there something I can do to fix this?

Thank you
Tara

The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

Plugin Author WPExperts.io
(@wpexpertsio)

8 years, 4 months ago
Hi @teambrg!

Hope you are doing great! We have done some improvements in UI for better user experience. While going through we found that you have done some customization in CF7 UI. Here is the fix for you.
```
.wpcs-cf7 {
    overflow: inherit !important;
}
```
You can add above mentioned CSS in your child theme or in Custom CSS to get the fix.

We are working on more improvements and your every suggestion counts.

Let us know if still there is any thing we can help you with.

Thanks!
Thread Starter teambrg
(@teambrg)

8 years, 4 months ago

Thanks for your reply. This CSS code is great and has fixed the issue.

I just have one more question. Originally the form didn’t cover the full length of the screen, it was only the height of the form. I use to use this CSS:

.wpcf7-slide-out-div {
min-height: 20%
}

However, this doesn’t seem to be working anymore? Is there something I can change to this CSS to fix the issue?

Thanks so much for your help,
Tara

alex80ks
(@alex80ks)

8 years, 4 months ago

Use the max-height girl 🙂

Thread Starter teambrg
(@teambrg)

8 years, 4 months ago

Thanks :), I tried max height as well but it doesn’t seem to be making a difference…
alex80ks
(@alex80ks)

8 years, 4 months ago
Youre welcome but ….
```
div#wpcs_content_main_4576 {
	opacity: 0;
	position: fixed;
	overflow-y: scroll;
	width: 500px;
	max-width: 100%;
	height: 100%;
	background: #ffffff;
	color: black;
	top: 0px;
	right: -500px;
	padding: 0px;
	margin: 0px;
	z-index: 9999999;
}
```
….this element is important as you see height:100% and top:0px…
- This reply was modified 8 years, 4 months ago by alex80ks.
Thread Starter teambrg
(@teambrg)

8 years, 4 months ago

Thank you. I had the below CSS code before the update which use to work to reduce the size of the form:

.wpcf7-slide-out-div {
height: 20% !important;
}

Are you able to please help with new CSS to fix this issue? Sorry I’m still fare new to this.

Thanks
Plugin Author WPExperts.io
(@wpexpertsio)

8 years, 4 months ago
Hi there!

Here you are with the CSS you were looking for;
```
@media only screen and (min-width : 500px) {
   div#wpcs_content_main_4576 {
       max-height: 526px;
       top: 60px;
   }
   div#wpcs_content_inner_4576 {
       margin: 0px 0px 0px 100px;
   }
}
```
Let us know if there is anything else we can help you with.

Thanks!
Plugin Author WPExperts.io
(@wpexpertsio)

8 years, 4 months ago

Hi @teambrg!

Went through your site and every thing seems to work smooth now.

We would love if you can leave some review as it motivates our team to keep pushing this free version of WordPress Contact Slider.

We are working on more improvements and your every suggestion counts.

Let us know if still there is any thing we can help you with.

Thanks!

Thread Starter teambrg
(@teambrg)

8 years, 4 months ago

Absolutely, thanks so much for your help.