shopshopshop Posted May 11, 2022 Share Posted May 11, 2022 Site URL: http://www.fieldandflorist.com Hello, I'm wondering if anyone can help me with a question about styling my waitlist sign up to match the rest of my site. Instead of a box, I'd like it to be a simple black line with black placeholder text and to reduce the size of the "Notify me..." text above it. I'd also like the "Sign Up" button to inherit the Black Outline/Petal style on the rest of my site (second picture). Is this possible? I've been able to remove the box around the email input using the code below, but haven't been successful in changing the color or size of the "Notify me..." text above, the placeholder text color to black or the button. Thanks in advance for any assistance. You all are such a wonderful and generous community and I've really enjoyed learning from you. /* Restock form */ .product-restock-form input[type="text"] { background: none !important; border-top: none !important; border-left: none !important; border-right: none !important; } Link to comment
tuanphan Posted May 13, 2022 Share Posted May 13, 2022 Which page are you referring to? I don't see it on both homepage & footer 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
shopshopshop Posted May 27, 2022 Author Share Posted May 27, 2022 Hi @tuanphan! Thanks so much for getting back with me. I was referring to contents within the Wholesale page here: fieldandflorist.farm/wholesale pw: testtest I made a few products visible so you can check them out. When you click in they are sold out, but the waitlist style hasn't inherited the rest of my site's styling (pictured above). Thank you for your help! I sincerely appreciate it! Link to comment
tuanphan Posted May 29, 2022 Share Posted May 29, 2022 Add to Design > Custom CSS form.product-restock-form input[type="text"] { background-color: transparent !important; border-left: none !important; border-top: none !important; border-right: none !important; padding-left: 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
shopshopshop Posted June 1, 2022 Author Share Posted June 1, 2022 Thanks @tuanphan! Is there a way to get the 'Sign Up' button to be a black outline "petal" style like in the picture above? Link to comment
tuanphan Posted June 2, 2022 Share Posted June 2, 2022 18 hours ago, shopshopshop said: Thanks @tuanphan! Is there a way to get the 'Sign Up' button to be a black outline "petal" style like in the picture above? You mean like this screenshot? 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
shopshopshop Posted June 3, 2022 Author Share Posted June 3, 2022 @tuanphan Yes, exactly. But for some reason, my waitlist sign up isn't inheriting this style like the rest of my site. Link to comment
shopshopshop Posted June 7, 2022 Author Share Posted June 7, 2022 @tuanphan It currently looks like this for some reason. Link to comment
tuanphan Posted June 11, 2022 Share Posted June 11, 2022 On 5/27/2022 at 10:38 PM, shopshopshop said: Hi @tuanphan! Thanks so much for getting back with me. I was referring to contents within the Wholesale page here: fieldandflorist.farm/wholesale pw: testtest I made a few products visible so you can check them out. When you click in they are sold out, but the waitlist style hasn't inherited the rest of my site's styling (pictured above). Thank you for your help! I sincerely appreciate it! Password is incorrect. Can you check it again? 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
shopshopshop Posted June 13, 2022 Author Share Posted June 13, 2022 Hi @tuanphan sorry about that. I had to switch it for a customer but it is back live now with no password required. Thanks! Link to comment
tuanphan Posted June 14, 2022 Share Posted June 14, 2022 15 hours ago, shopshopshop said: Hi @tuanphan sorry about that. I had to switch it for a customer but it is back live now with no password required. Thanks! Add this CSS form.product-restock-form input.sqs-editable-button { background-color: transparent !important; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } 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
shopshopshop Posted June 15, 2022 Author Share Posted June 15, 2022 brilliant, thank you so much for your help @tuanphan. Two more questions that I can't figure out: 1. Is there a way to get the button to turn black with white text on hover? 2. Is there a way to change the placeholder text that says "email address" in the form to be black? Thank you again! Link to comment
tuanphan Posted June 16, 2022 Share Posted June 16, 2022 testtest https://www.fieldandflorist.farm/wholesale #1. Use this form.product-restock-form input.sqs-editable-button:hover { background-color: black !important; color: white; } #2. Use this form.product-restock-form input[type="text"], form.product-restock-form input[type="text"]::placeholder { color: black !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
shopshopshop Posted June 23, 2022 Author Share Posted June 23, 2022 Thanks so much @tuanphan! 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