Jump to content

Web from text white on white

Recommended Posts

Hello All

My attention has been drawn to the problem on my web form that the text is white on white?

I cannot figure out a way that either changing the back colour to the web form or the text I have the code below a CSS or got no idea what it means.

 

#location-map .Index-page-content {

    max-width: none;

    padding: 0;

    .sqs-block-map  {

        padding: 0;

    }

}

 

 

.Header-nav--primary .Header-nav-item:last-child {

    color: black !important;

    background-color: #fff

      !important;

    padding: 1em 1em !important;

  opacity: 100;

   

}

 

.Header-nav--primary .Header-nav-item:last-child:hover {

    background-color:  #1893DA !important;   

}

 

Any help would be appreciated I just want my customers to see the text they are imputing?

 

Thanks

 

Richard.

Link to comment

Can you share your website URL? and the page the form is on?

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) 

 Did I help? Buy me a coffee?

Link to comment

Try adding this to Custom CSS:

.sqs-block-newsletter input {
  color:#333333 !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) 

 Did I help? Buy me a coffee?

Link to comment

so now it looks like this?

 

#location-map .Index-page-content {
    max-width: none;
    padding: 0;
    .sqs-block-map  {
        padding: 0;
    }
}


.Header-nav--primary .Header-nav-item:last-child {
    color: black !important;
    background-color: #fff
      !important;
    padding: 1em 1em !important;
  opacity: 100;
    
}

.Header-nav--primary .Header-nav-item:last-child:hover {
    background-color:  #1893DA !important;    
}
.sqs-block-newsletter input {
  color:#333333 !important;
}

Link to comment

Sorry, try this instead:

.sqs-block-form .field-list input {
  color:#333333 !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) 

 Did I help? Buy me a coffee?

Link to comment
On 5/6/2023 at 1:16 PM, gpaspot13 said:

If you are referring to the issue of text being hard to read when it is white on a white background, then it is important to choose a color contrast that is legible. One solution is to use a darker color for the text, or use a background color that provides enough contrast to make the text stand out. This can help ensure that the text is readable and accessible to users.

Yes I have looked into this unfortunately you cannot change either the text colour or the box colour Without changing all the items on the website?

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.