Replace Newsletter enter e-mail box with just a Line

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

Hello,

I'm trying to improve the newsletter on my website.

I want to replace that box where a person would enter their email with just a thick line.

I tried one plugin but it just gives a terrible result on mobile.

Thank you for your help in advance.

(Image with the box surrounding "Adresse e-mail" is what I have right now, would want to look like the other one)

Thank you @bangank36. That helped. On the white background of the footer it works perfectly, though if I change the color of footer to lets say grey, it shows again.
Though I think I will keep it like this, not an issue. Thanks again for your help, appreciate it.

On 3/26/2021 at 2:35 AM, bangank36 said:

try

#block-yui_3_17_2_1_1616697539653_8282 .newsletter-form-body {
    max-width: 500px;
    display: flex;
    margin: 0 auto;
    align-items: flex-end;
}
#block-yui_3_17_2_1_1616697539653_8282 .newsletter-form-field-element {
  border: none;
  border-bottom: 2px solid #000;
}
#block-yui_3_17_2_1_1616697539653_8282 .newsletter-form-fields-wrapper {
  padding-right: 10px; 
}

I want to make the form field narrower on mobile on my site, can you help? Thanks!

On 10/30/2021 at 4:03 AM, SSong said:

I want to make the form field narrower on mobile on my site, can you help? Thanks!

You mean footer field? Make them stacked & fullwidth?