mdegortari Posted September 28, 2023 Posted September 28, 2023 Hi, is there a way to make the contact form block only one line? instead of the box? only the fields the button is fine. Thank you
Lesum Posted September 28, 2023 Posted September 28, 2023 (edited) @mdegortariYou can add this code snippet within the Custom CSS panel: section[data-section-id="65020d2d2b9ee303c97e6bf4"] { input, textarea { border:none !important; background:transparent !important; } input, textarea { border-bottom: 1px solid #a9a9a9 !important; } input:focus, textarea:focus { outline: none !important; } input:focus, textarea:focus { border-bottom: 1px solid #000000 !important; } } Edited September 29, 2023 by Lesum If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee?
mdegortari Posted September 29, 2023 Author Posted September 29, 2023 Thank you @Lesum It worked perfectly but I don't want that to affect the send button how can i fix it?
Solution Lesum Posted September 29, 2023 Solution Posted September 29, 2023 @mdegortari Sorry I missed the button. Here's the updated code: section[data-section-id="65020d2d2b9ee303c97e6bf4"] { input:not([type="submit"]), textarea { border: none !important; border-bottom: 1px solid #a9a9a9 !important; background: transparent !important; } input:not([type="submit"]):focus, textarea:focus { outline: none !important; border-bottom: 1px solid #000000 !important; } } mdegortari and tuanphan 2 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment