Namrata

Hi tuan it's www.peoplefirst.co.in

Hello, I tried the following code but it didn't work for me. When i input the email it just stays there in the box and nothing happens after. What should i do?

Thanks

<style>

  .captcha-container {

    display : none;
  
    }
    
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>

  $( ( ) => {
  
    $( '.newsletter-form-button' ).click ( function ( ) {
    
      const email = $( '.email input' ).val ( );
      
      const firstName = $( '.first-name input' ).val ( );
      
      if ( ! firstName && email ) return; // bail if first name or email is empty
      
      $( '.captcha-container' ).css ( 'display', 'block' );
      
      } );
      
    } );
    
  </script>

Hi,

does this code work for 7.1? I need to disable it for 1 page too but I'm not able to find the data parallax id anywhere! 

this got solved thank you.

Hi,

I'm having a similar problem with the newsletter disclaimer text. it's overlapping with the button. 

What should i do?

Thank you so much Tuan! You have been an awesome help! 

Hi Tuan,

This is the site, https://peoplefirst1.squarespace.com/what-we-do

All the banner images ( most of my pages have banner images ) are getting cropped when the browser window gets smaller. The same happens with some text (attached picture below) .

FYI i have used your CSS for resizing the banner images for mobile view and it works fine. 

Great! it works. Thanks a ton. 

 How can i make the text centre aligned and to the middle? Right now it's left aligned. When there is a lot of text it looks fine, but when the text is just a one liner there is too much space.

Below is the full code.

#page-section-610bebb9de02d80e5889b075
.image-caption p {
 font-size: 18px !important;
 font-weight: semibold !important;
 color: #ffffff !important;
 text-transform: uppercase; 
 line-height: 120% !important;
 letter-spacing: 2px !important;
 opacity: 1 !important;
}

#page-section-610bebb9de02d80e5889b075
.image-caption-wrapper {
  background: #0059b3 !important;
  opacity: 1 !important;
   max-height: unset !important;
   height: 100% !important;
}

Hi Greg,

Have you solved this yet? I have a similar problem with squarespace 7.1 with no solution yet.

Site URL: https://peoplefirst1.squarespace.com

Hi,

The header navigation titles and banner images are not getting adjusted when the browser window is reduced in size. It appears fine in mobile view but anything bigger than mobile view and smaller than normal desktop view it gets all skewed.

I have added CSS to the header section for making it a split header and the banner images also have CSS for the mobile version

What do i have to do?

Thank you

Hi Tuan,

This is the page.

https://peoplefirst1.squarespace.com/who-we-are

Site URL: https://peoplefirst1.squarespace.com

Hi, i've used the following code ( from heart and dash's code) to change the background colour and text colour and it works, but i'm unable to figure out how to change the box size. I want the box to cover the entire image only for one particular section. 

Thank  you.

#page-section-610bebb9de02d80e5889b075
.image-caption p {
 font-size: 18px !important;
 font-weight: semibold !important;
 color: #ffffff !important;
 text-transform: uppercase; 
 line-height: 120% !important;
 letter-spacing: 2px !important;
 opacity: 1 !important;
}

#page-section-610bebb9de02d80e5889b075
.image-caption-wrapper {
  background: #0059b3 !important;
  opacity: 1 !important;
}