Jump to content

Can't change product description color

Recommended Posts

  • 6 months later...
9 hours ago, nathan said:

I'm having a similar issue where product description appears blue even though product description is set to white in the Site Styles.

I tried the CSS snippet recommended above without success.

See: https://wscdev.squarespace.com/tom-hyde-photography/p/mother-giraffe-calf

When you edit text block, it has an option to change text color. I guess you used that option. Try checking again

Or add this to Design > Custom CSS to override it

/* product description color */
.pdp-details-excerpt * {
    color: white !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

same issue here.  None of the custom css mentioned above work for me.  It's not a text block so I can't change the color without changing the site style. as you can see in the picture I have selected the product description in site styles, which shows the setting to be white, and yet it is not.  

IMG_3594 copy.jpg

Edited by bp27
Link to comment

Looks like it may be a weird glitch.  I noticed it was the correct color in some of my other products.  this is weird but I deleted and added the same text and now it's fine.  It may be because I copied the text from a word document and that format is acting silly.  Try messing with your text, delete everything and type it all in again.  sometimes when I refreshed it worked when I crossed my fingers and sometimes it didn't, so how my fingers are arranged may not be what it is either. 

Edited by bp27
Link to comment
On 5/11/2022 at 1:01 AM, tuanphan said:

When you edit text block, it has an option to change text color. I guess you used that option. Try checking again

Or add this to Design > Custom CSS to override it

/* product description color */
.pdp-details-excerpt * {
    color: white !important;
}

 

Thanks @tuanphan, but the description text in product editor does not have a color option.

And the site styles for this page is set to white. In fact, changing the color of product detail on the site style has no effect.

I had tried changing .pdp-details-excerpt and it didn't work, but adding the !important with the asterisk did work!

Thank you.

Screen Shot 2022-05-12 at 1.17.42 PM.png

Screen Shot 2022-05-12 at 1.19.19 PM.png

Link to comment
On 5/11/2022 at 11:42 AM, bp27 said:

Looks like it may be a weird glitch.  I noticed it was the correct color in some of my other products.  this is weird but I deleted and added the same text and now it's fine.  It may be because I copied the text from a word document and that format is acting silly.  Try messing with your text, delete everything and type it all in again.  sometimes when I refreshed it worked when I crossed my fingers and sometimes it didn't, so how my fingers are arranged may not be what it is either. 

@bp27, I think you're on to it. I didn't realize it until you mentioned that, but the spreadsheet I was copying the text from did have a slightly off-black color. Deleting the text and pasting as plain text fixed the problem for that product.

I'll use @tuanphan's recommendation as a quick fix, but will fix the description for each product in this way. I will also submit this as a bug to Squarespace. It may be helpful if you do as well.

Link to comment
  • 1 month later...

Has anyone else had any luck? I have the exact same problem of Site Styles saying my description is white but it's still black. I used the code suggested -

/* product description color */
.pdp-details-excerpt * {
    color: white !important;
}

but it still hasn't worked!

 

EDIT : I did what others suggested and deleted and retyped my description and it worked a gem - thank you!!

Edited by CassieJaneB
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.