Web from text white on white

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.

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

https://www.gymservicerepair.co.uk/contact

Try adding this to Custom CSS:

.sqs-block-newsletter input {
  color:#333333 !important;
}

No sorry still the same – I’m assuming I put this text at the bottom of the CSS?

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;
}

Sorry, try this instead:

.sqs-block-form .field-list input {
  color:#333333 !important;
}

No I’m afraid that didn’t work?

Thanks

Richard

add this in custom css box

.eTv7qUMqLR9lJxpIAC3F {
    background-color: #fafafa;
    border: 1px solid #a9a9a9;
    box-sizing: border-box;
    height: 46px;
    padding: 10px;
    position: relative;
    width: 100%;
    color: #000000;
}

No it Didn’t like that?

Failed to save. Please try again

No – that’s still made no change?

10 hours ago, GSR said:

No – that’s still made no change?

give me access i will fix this asap

Hi i have the same issue!

Did anyone manage to solve yet?

url is boulders.dk/start

3 hours ago, Ramithered said:

Hi i have the same issue!

Did anyone manage to solve yet?

url is boulders.dk/start

post this code in customm css box

input {
    line-height: normal;
    color: #000000;
}

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?

On 5/6/2023 at 3:51 PM, mandeep said:

post this code in customm css box

input {
    line-height: normal;
    color: #000000;
}

 

Looks like your site is working?