Sam-Logie Posted February 14, 2023 Share Posted February 14, 2023 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, 2023 Share Posted February 16, 2023 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Sam-Logie Posted February 16, 2023 Author Share Posted February 16, 2023 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, 2023 Share Posted February 21, 2023 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
Sam-Logie Posted February 21, 2023 Author Share Posted February 21, 2023 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, 2023 Solution Share Posted February 25, 2023 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
Sam-Logie Posted February 25, 2023 Author Share Posted February 25, 2023 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