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

Help with CSS for Newsletter Block


coindisplays

Question

  • Answers 36
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Hi. Do you still need help on this? I see you solved...

Posted Images

Recommended Posts

  • 0
7 hours ago, tuanphan said:

input - button in one line?

Hi Tuan, I'm not  sure what you mean. I would like for both the box where you type your email and the button to be one single line (no borders). Like the image below. Thanks so much.  

single line newsletter block.JPG

Link to post
  • 0
8 hours ago, KimPaola said:

@tuanphan   I updated my site so now my url is kimberlypaola.com - just in case the other url doesn't work anymore!

Add to Home > Design > Custom CSS

.newsletter-form-body {
    display: flex;
}
.newsletter-form-body input {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background: none !important;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post
  • 0

  

On 5/16/2020 at 2:21 PM, tuanphan said:

Add to Home > design > Custom CSS


/* remove quick view */
.ProductList-quickViewButtonWrapper.sqs-product-quick-view-button-wrapper {
    display: none !important;
}
/* button font size */
.sqs-alternate-block-style-container .newsletter-block .newsletter-form-wrapper .newsletter-form-button {
    font-size: 12px;
}

 

Hi @tuanphan  I want to change the font color for my newsletter form input fileds/ placeholders  for 3 blocks  (first name, last name and email)  as they currently are black and not visible. I want to make them white. I am using this but its not helping me:

//NEWSLETTER INPUT FIELDS FONT COLOR //
.newsletter form .newsletter-form-field-element{
  font-color:#fff !important;
  text-transform: uppercase !important;
}

 Here's the URL: https://havengateca.squarespace.com/ and the password is "HAVENGATE2020" 

  

Link to post
  • 0
On 8/18/2020 at 7:32 PM, Asiya said:

  

Hi @tuanphan  I want to change the font color for my newsletter form input fileds/ placeholders  for 3 blocks  (first name, last name and email)  as they currently are black and not visible. I want to make them white. I am using this but its not helping me:

//NEWSLETTER INPUT FIELDS FONT COLOR //
.newsletter form .newsletter-form-field-element{
  font-color:#fff !important;
  text-transform: uppercase !important;
}

 Here's the URL: https://havengateca.squarespace.com/ and the password is "HAVENGATE2020" 

  

Hi. Do you still need help on this? I see you solved...

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post
  • 0
On 9/8/2020 at 4:43 PM, Asiya said:

Yes I solved it. Thank you:)

Hi Asiya, I'm having the same issue and can't figure out how to solve this one! No matter what CSS I write in I can't get the font color to change. Could you tell me how you fixed this?

Link to post
  • 0
22 hours ago, GemmaErnst said:

Hi Asiya, I'm having the same issue and can't figure out how to solve this one! No matter what CSS I write in I can't get the font color to change. Could you tell me how you fixed this?

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

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post
  • 0
On 9/24/2020 at 8:23 PM, GemmaErnst said:

Hi Asiya, I'm having the same issue and can't figure out how to solve this one! No matter what CSS I write in I can't get the font color to change. Could you tell me how you fixed this?

input.field-element::placeholder{ 
    color: #fff!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...