Jump to content

Change length of email sign up box and colour of sign up button when product is out of stock

Go to solution Solved by tuanphan,

Recommended Posts

Hi There

I'm wondering if I can get some help regarding the waitlist signup section on product detail page when product is out of stock.  

On mobile view, the box for email address input is too long, is there some code I can input to make it smaller please?

Also, am I able to change the colour of the signup box please.  At the moment it's blue, but I'd prefer to keep it on brand.

Thanks in advance

Sam

IMG_1429.PNG

Link to comment
  • Replies 6
  • Views 326
  • Created
  • Last Reply

Top Posters In This Topic

On 2/16/2023 at 11:37 PM, Sam-Logie said:

Hi Tuanphan

 

thanks for your reply. 
 

here’s the link to one of the pages affected

 

https://samanthawade.co.uk/medik8/p/advancednightrestoretryme

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.product-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='text'] {
    min-width: unset !important;
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 0 !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
7 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.product-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='text'] {
    min-width: unset !important;
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 0 !important;
}
}

 

Hey Tuanphan

This has worked perfectly thank you!

Would you possibly have some code to change the sign up button on the same link please?  For some reason it is the right colour on desktop but on mobile, it's blue.

Thanks in advance

Sam

Link to comment
  • Solution
On 2/21/2023 at 11:41 PM, Sam-Logie said:

Hey Tuanphan

This has worked perfectly thank you!

Would you possibly have some code to change the sign up button on the same link please?  For some reason it is the right colour on desktop but on mobile, it's blue.

Thanks in advance

Sam

Add to Design > Custom CSS

.product-restock-form .sqs-editable-button {
    background-color: rgb(239,239,239) !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.