Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Changing color of "Email Address" in Newsletter block section


tsbarrett
Go to solution Solved by tuanphan,

Question

Site URL: http://www.godsofmarssaga.com

Hi there,

I tried to use a custom code to make just a line where the email address goes (instead of a box). But then the text "Email address" disappeared. Need help bringing it back and changing it's color to white -- while everything else stays the same (black input background etc).

Here's my CSS currently:

/*** NEWSLETTER FORM FIELDS ***/

.newsletter-form-field-wrapper input:focus {
    color: white;
}

.newsletter-form-field-element {
background: transparent !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: solid 2px #ffcc00 !important; 
}

 

*Also, a note - I am using the Business plan for the site if that matters in any way with the code.

Looking for help thanks!

 

Screen Shot 2020-10-07 at 2.28.11 PM.png

Link to post
  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Site URL: http://www.godsofmarssaga.com Hi there, I tried to use a custom code to make just a line where the email address goes (instead of a box). But then the text "Email address" disappeared

Posted Images

11 answers to this question

Recommended Posts

  • 0
On 10/8/2020 at 8:01 PM, tsbarrett said:

ronin

Add to Home > Design > Custom CSS

.homepage .field.email input, .homepage .field.email input::placeholder, .homepage .field.email input:focus {
    color: white !important;
}

 

On 10/8/2020 at 11:32 PM, JRo said:

I am having the same issue. I need to change the Newsletter & Contact form placeholder text from Black to White. A ghost plugin gives me lines on the Newsletter, but the prompt text cannot be read on black backround.

Any help is appreciated. Thank you

Can you share site url?

Link to post
  • 0

I am having the same issue. I need to change the Newsletter & Contact form placeholder text from Black to White. A ghost plugin gives me lines on the Newsletter, but the prompt text cannot be read on black backround.

Any help is appreciated. Thank you

267598292_ScreenShot2020-10-08at9_30_04AM.thumb.png.160baf72864c3698c1b3256e11683091.png

Link to post
  • 0

I added this and was able to get the "first name" " last name" "email address" prompts to be white, however when a user types their words still appear black ( invisible to user)

 

footer.sections input[type="text"] {
	border-color: white;
}
footer.sections input[type="text"]::placeholder {
	color: white !important;
}
Link to post
  • 0
On 10/8/2020 at 11:32 PM, JRo said:

I am having the same issue. I need to change the Newsletter & Contact form placeholder text from Black to White. A ghost plugin gives me lines on the Newsletter, but the prompt text cannot be read on black backround.

Any help is appreciated. Thank you

267598292_ScreenShot2020-10-08at9_30_04AM.thumb.png.160baf72864c3698c1b3256e11683091.png

Can you share site url? We can check easier.

Link to post
  • 0
On 10/12/2020 at 3:50 PM, tuanphan said:

Can you share site url? We can check easier.

Has this been solved? I have the same problem. I was able to get the current "Email Address" to white but when you type in the box it's still black. I couldn't figure out the code to make it white too.

 

This is the code I'm currently using. Link to the website is mixbar.com/home

image.png

Link to post
  • 0
1 hour ago, isabellewarren said:

Has this been solved? I have the same problem. I was able to get the current "Email Address" to white but when you type in the box it's still black. I couldn't figure out the code to make it white too.

 

This is the code I'm currently using. Link to the website is mixbar.com/home

image.png

Add to Design > Custom CSS

footer.sections input[name="email"] {
    color: white !important;
}

 

Link to post
  • 0
On 2/27/2021 at 1:42 AM, AnnaGloverInteriors said:

Hi,

Can anyone help with changing the background colour of the email address box in the newsletter block? It is white and I want it to match the background hsl(20, 40%, 94%).

Thanks so much.

Can you share link to page where you use newsletter block? We can help easier

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...