How can I change my 'Subscribe' button to an arrow in Prestige theme?

[admintb]

Dear Community

I am currently using the “Prestige” theme and would like to make a change to my Newsletter Subscribe Form.

At the moment it looks like this for me:

And I want this layout:

[DavidEKim]

@admintb

Hi,

To change the newsletter form for Prestige theme, please follow the steps below.

1. Go to Edit code > Sections > Open newsletter.liquid file.

2. Go to line 51 and find the code below. (from line 51 to line 55)

3. Replace the above code with the code below.

              
              
              {% comment %}{% endcomment %}
              
              {% style %}
                #contact-email {
                  border: none;
                  border-bottom: 1px solid;
                }
                button.Form__Submit.Button-submit-arrow {
                  margin-left: -50px;
                }
              {% endstyle %}
            

4. Save the change.

It will be shown below.

The color of the text & button (arrow) can be changed from your theme editor (Customize).

Hope it helps.

[admintb]

Thanks for the feedback @DavidEKim

It worked for a normal page or section, but in the footer it still looks the same as before.
Does it also work for the footer?

[DavidEKim]

Open footer.liquid file and replace line 57 to 59 with the code above.

[admintb]

Dear @DavidEKim

I have done this, but nothing changes.

What is the reason for this?

[admintb]

Dear @DavidEKim

I have done this, but nothing changes.

What is the reason for this?

[admintb]

Hi @DavidEKim

I am using the new version 7.0.0 of prestige and need a new css code for the same layout. Unfortunately the update did not transfer any changes from the previous version.

Do you think you can do this?

I would be very grateful!

[FreshNatural]

Hey David how can I contact you?

[dlynaustin]

Can you please provide where this code is in the Studio Theme?

Thanks,

Dana