Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Issue with Newsletter Form CSS


staaaceeey

Question

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?2024160566_ScreenShot2020-10-30at9_57_41am.thumb.png.79028b6b0e19317fe0ee6897dd4cbd6d.png

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;

 

  }

 

Link to post
  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

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. 

Posted Images

8 answers to this question

Recommended Posts

  • 0

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;
}

 

image.png

image.png

Edited by bangank36

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0
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

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0
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

image.thumb.png.10199b27000de37e89f4b1e6d41934fa.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...