Adjust design of newsletter subscription button

[Lara14]

Hello everyone,

I’m currently trying to change my newsletter subscription button from this design:

To this design :

Does somebody knows where and how to change the code?

I’m grateful for any tips!

Thank you already so much.

Thank you

[Lara14]

this is the url of my online shop: https://mylongevitylife.com/

[Moeed]

Hey @Lara14

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[GTLOfficial]

Hello @Lara14

I would like to give you a solution to support you.

1. Go to Online Store → Theme → Edit code.

2. Open your assets/theme.css theme file.

3. Add the code at the end of the file:

.newsletter-form__button{   
  position: absolute;
  width: 85px !important;
  border: 1px solid #ffffff;
}
.newsletter-form__field-wrapper .field__input{
  width: 100%;
  border: 1px solid #ffffff;
  margin: 0 !important;
}
.newsletter-form__field-wrapper > .field{
    position: relative;
    padding-right: 90px;
}
     .newsletter-form__field-wrapper > .field::after,
    .newsletter-form__field-wrapper > .field::before{
        display: none !important;
    }
#Subscribe::before{
  content: 'Subcribe';
  font-size: 14px;
  text-transform: uppercase;
}
#Subscribe svg{
  display: none;
}

If you find this helpful, please like and mark the job as completed.
Thanks