How to change placeholder text in newsletter and how to change color of placeholder text - brooklyn

Store Design
1

i want to change place holder text to " Enter your email " and color of text from gray to white ? how can i do this

also how can i change the subscribe icon to an email icon ?

my store
my store2807×646 46.9 KB

2

Hi @7kingodmsla ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.css->paste below code at the bottom of the file:
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

3

@7kingodmsla - you have css given below by @AvadaCommerce to change the color and to change the text please check language settings newsletter section, or please open this page is customize settings and check if you have this option in footer section

4

@AvadaCommerce @suyash1 this solution does not produce any result for color secondly the placeholder text can not be changed within footer options please help

5

@7kingodmsla - can you add me as a collaborator? i will check it and do the changes

6

i can not add as collaborator , please reach out with proper work around thank you @suyash1

7

@7kingodmsla
to change your place holder please
1.Go to Online Store->Theme->Edit code
2. Section-> Newsletter. liquid
3. CTRL+ F search for placeholder
should look something like this

placeholder={{ 'general.newsletter_form.email_placeholder' | t }}

change it to

placeholder="Enter your email"

please let me know if that work for you if so please like and accept as solution thanks you

8

Hi, have you ever found the solution? I am currently facing the very same problem.
In my case I found the class which is responsible, color-accent-2, --color-foreground, but I wasn’t able to scope it and if I change the color there the whole application is going to be affected.
Please give me a hand and tell what was your workaround.
Thank you in advance.
All the best