How do I change the newsletter sign up form to a line instead of a box?

Site URL: https://www.mono8gallery.com/

Hello!

Instead of a box in the Email Address form for the newsletter subscription block in the footer, I want a line where they put the email address and not a box.  Is there a way to do that with css?

Add to Home > Design > Custom CSS

footer.sections input[type="text"] {
    background: transparent;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

20 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

footer.sections input[type="text"] {
    background: transparent;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

 

Thank you so much, that worked! Is there a way to change the color of the line and placeholder text to white?

footer.sections input[type="text"] {
	border-color: white;
}
footer.sections input[type="text"]::placeholder {
	color: white !important;
}

13 minutes ago, tuanphan said:

footer.sections input[type="text"] {
	border-color: white;
}
footer.sections input[type="text"]::placeholder {
	color: white !important;
}

Great thanks!!!

Is there a way to change the line, the placeholder text to black? Also, how do I change the sign up button to border black and text black but should not change the fill color to black when clicked?

Here is our website: https://www.mono8gallery.com/

The newsletter block is on the footer

21 hours ago, kthxbyeninja said:

Is there a way to change the line, the placeholder text to black? Also, how do I change the sign up button to border black and text black but should not change the fill color to black when clicked?

 

Here is our website: https://www.mono8gallery.com/

 

The newsletter block is on the footer

Add to Home > Design > Custom CSS

footer.sections input {
    border-color: black !important;
}
footer.sections input::placeholder {
    color: black !important;
}
footer.sections button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout {
    color: black !important;
    border-color: black !important;
}