Sam-Logie Posted February 14 Share Posted February 14 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 Link to comment
tuanphan Posted February 16 Share Posted February 16 Hi, Can you share link to page in screenshot? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Sam-Logie Posted February 16 Author Share Posted February 16 12 hours ago, tuanphan said: Hi, Can you share link to page in screenshot? We can help easier Hi Tuanphan thanks for your reply. here’s the link to one of the pages affected https://samanthawade.co.uk/medik8/p/advancednightrestoretryme Link to comment
tuanphan Posted February 21 Share Posted February 21 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Sam-Logie Posted February 21 Author Share Posted February 21 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 tuanphan Posted February 25 Solution Share Posted February 25 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Sam-Logie Posted February 25 Author Share Posted February 25 3 hours ago, tuanphan said: Add to Design > Custom CSS .product-restock-form .sqs-editable-button { background-color: rgb(239,239,239) !important; } Thanks Tuanphan This has worked perfectly! I appreciate all your help Sam Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment