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

Customising Newsletter Block - Active State


CMurphy

Question

Hi team,
I am using the following code to customise my newsletter block:
 

.sqs-block-newsletter .newsletter-form-field-element {
    border: none !important; 
border-bottom: 1px solid #fff !important;
border-radius: 0px !important;
background: transparent; 
}

However as the Background is black I would like to make the active state when the field is clicked on different. 
880608385_ScreenShot2020-10-12at4_05_44pm.thumb.png.1ca35083f131281264548966b63e8789.png
Currently this becomes white like shown here with black text. This means the text disappears against the background when you click out of the form. How can I change the white background colour and the text colour when the field is active?   Thanks!

 322044005_ScreenShot2020-10-12at4_05_51pm.thumb.png.5dc98b9d4577428dd6e8947aff63fee2.png

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Can you share site url? We can check easier.

Thanks all sorted!  For anyone who encounters the same issue I used:    .newsletter-form input { color: #fff !important; background: #000 !important; }  

Posted Images

5 answers to this question

Recommended Posts

  • 1
18 hours ago, tuanphan said:

Hi. See fine here. Do you still need help on this?

Thanks all sorted! 
For anyone who encounters the same issue I used: 

 

.newsletter-form input {
  color: #fff !important;
  background: #000 !important; 
}

 

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...