Jump to content

Change popup text color in white

Go to solution Solved by paul2009,

Recommended Posts

Posted (edited)
1 hour ago, paramjeet.kour08 said:

We set in popup style color grey to white. but its not change. any one help for this. we attached sacreenshot.

Screenshot 2024-08-30 114103.png

@tuanphan  @Lesum   can you pls send me any css ?

Edited by paramjeet.kour08

Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with SEO For Web Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour.  Till date, I have created over 300 + websites in Squarespace.  Contact Me    Email

Link to comment
27 minutes ago, paramjeet.kour08 said:

@Ziggy  can you help for this?

Have you got any conflicting CSS?

This should help if you can't resolve it:

.sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="body"], .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper {
  color: #fff !important;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
24 minutes ago, Ziggy said:

Have you got any conflicting CSS?

This should help if you can't resolve it:

.sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="body"], .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper {
  color: #fff !important;
}

 

Not working this css code. not add any css code for font color in custom css box.

Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with SEO For Web Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour.  Till date, I have created over 300 + websites in Squarespace.  Contact Me    Email

Link to comment
On 8/30/2024 at 10:01 PM, paramjeet.kour08 said:

Not working this css code. not add any css code for font color in custom css box.

any other solution?

Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with SEO For Web Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour.  Till date, I have created over 300 + websites in Squarespace.  Contact Me    Email

Link to comment
On 8/30/2024 at 7:13 AM, paramjeet.kour08 said:

We set in popup style color grey to white. but its not change

Please provide a link to the site so that we can see the issue.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

Link to comment
2 hours ago, paul2009 said:

Please provide a link to the site so that we can see the issue.

https://www.coupleyfit.com/

Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with SEO For Web Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour.  Till date, I have created over 300 + websites in Squarespace.  Contact Me    Email

Link to comment
  • Solution
On 8/30/2024 at 7:13 AM, paramjeet.kour08 said:

We set in popup style color grey to white. but its not change

Hey @paramjeet.kour08

Thanks for the link. I can see the issue is that you've pasted the text into the popup, with the formatting.

To explain, there's a Squarespace bug in the Body field here:

image.thumb.png.710d4532cfe3af6a9102d42654510193.png

When you pasted the text "No credit card required Cancel anytime", it pasted the words and also the grey (#424242) styling! This means that instead of the element containing this:

<p>No credit card required</p>

...it also contains styling that overrides the Squarespace settings:

<p><span style="color:#424242">No credit card required</span></p>

image.png.8389908a248fc4a651a04713a7ea0805.png

You can remove the grey styling by deleting everything in the Body field (to remove the formatting). You can then manually type the required text into the Body field.

I hope this helps.

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

Link to comment
6 hours ago, paul2009 said:

Hey @paramjeet.kour08

Thanks for the link. I can see the issue is that you've pasted the text into the popup, with the formatting.

To explain, there's a Squarespace bug in the Body field here:

image.thumb.png.710d4532cfe3af6a9102d42654510193.png

When you pasted the text "No credit card required Cancel anytime", it pasted the words and also the grey (#424242) styling! This means that instead of the element containing this:

<p>No credit card required</p>

...it also contains styling that overrides the Squarespace settings:

<p><span style="color:#424242">No credit card required</span></p>

image.png.8389908a248fc4a651a04713a7ea0805.png

You can remove the grey styling by deleting everything in the Body field (to remove the formatting). You can then manually type the required text into the Body field.

I hope this helps.

Did this help? Please give feedback by clicking an icon below  ⬇️

Hello Paul,

Yes we use normal text.not use any style for this . we attached image pls check.

Screenshot 2024-09-02 195117.png

Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with SEO For Web Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour.  Till date, I have created over 300 + websites in Squarespace.  Contact Me    Email

Link to comment
6 hours ago, paul2009 said:

Hey @paramjeet.kour08

Thanks for the link. I can see the issue is that you've pasted the text into the popup, with the formatting.

To explain, there's a Squarespace bug in the Body field here:

image.thumb.png.710d4532cfe3af6a9102d42654510193.png

When you pasted the text "No credit card required Cancel anytime", it pasted the words and also the grey (#424242) styling! This means that instead of the element containing this:

<p>No credit card required</p>

...it also contains styling that overrides the Squarespace settings:

<p><span style="color:#424242">No credit card required</span></p>

image.png.8389908a248fc4a651a04713a7ea0805.png

You can remove the grey styling by deleting everything in the Body field (to remove the formatting). You can then manually type the required text into the Body field.

I hope this helps.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you we copy past content . so that one create problem. now we wright the text then show good. Thanks @paul2009

Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with SEO For Web Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour.  Till date, I have created over 300 + websites in Squarespace.  Contact Me    Email

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.