Issue with Newsletter Form CSS

Site URL: http://www.naturalspoonfuls.com.au

Hey there, 

I have an issue I hope someone can help with. 

www.naturalspoonfuls.com.au

website password is: peanutbutter 

I have custom CSS for my homepage newsletter sign up, for a scrolling image, which I am really happy with. I will list css below. This works great. 

However, once the form is completed, the image is squished (see screenshot), is there a way to prevent the form from reducing in size, or to fix this?

Thank you!!

Quote

Design>Custom CSS 
 

[data-section-id="5f7bad423510c16a7061eac8"]:not( .full-bleed-section ) > .content-wrapper {

 

  margin-left: 16px;

  padding-bottom: 0 !important;

  padding-left: 0;

  padding-top: 0 !important;

  

  }

 

#page-section-5f7bad423510c16a7061eac8 .sqs-col-6:last-of-type {

 

  background-color: #93CCAE;

 

  }

If you don't mind I'll run some tests. I'll need to use the form some number of times to test what is going on.

Hi staaaceeey

Kindly use this snippet as hot fix, please ignore the last submission tet@gmail.com

[data-section-id="5f7bad423510c16a7061eac8"] .form-submission-text {
    position: relative;
    top: 200px;
}
[data-section-id="5f7bad423510c16a7061eac8"] .newsletter-form {
   min-height: 550px;
}

Hi @bangank36

I tried it and unfortunately did not work! 😞 

@creedon Thank you!! 🙏 

1 minute ago, staaaceeey said:

Hi @bangank36

I tried it and unfortunately did not work! 😞 

have you placed the snippet to custom css section? I dont see it in your page

@bangank36

I removed it, but now I have put it back. Please see 🙂

1 minute ago, staaaceeey said:

@bangank36

I removed it, but now I have put it back. Please see 🙂

with the custom css added to the site.css file, I can see the form not resized anymore

@bangank36 yay! That did work, i must have done something wrong the first time!

Thanks so much!

@creedon all solved now. Thanking you both.