Jump to content

Adding block colours within 'Additional Info' on product pages

Go to solution Solved by creedon,

Recommended Posts

On 6/26/2022 at 3:55 PM, Wolfsilon said:

Hi there!

Will these colors remain static throughout all of your products? Or do you intend to adjust them for each product? 

Hello!

Yes, it will be exactly the same information for each product - nothing will change.

Link to comment
On 6/28/2022 at 10:15 PM, lh-cl-2021 said:

Hello!

Yes, it will be exactly the same information for each product - nothing will change.

Uploading Files is an upload field feature, or just an image?

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
6 hours ago, tuanphan said:

Uploading Files is an upload field feature, or just an image?

That icon is just an image, we have a system already set up where files are uploaded after checkout ☺️

The rest is just standard text/image, I just can't seem to work out how to change the background colour. I feel like this is the area Squarespace may need to improve on next!

Link to comment
  • Solution

The first issue I see is that you've used a code block with the Mode set to CSS. That setting will display the CSS as a source listing not interpret the code for rendering.

1327426454_ScreenShot2022-06-30at11_43_05AM.png.1f8271a83aceb651c76b14974bfe547f.png

You want the HTML mode and not to display source. In addition the source code needs some adjustments.

2141156128_ScreenShot2022-06-30at11_47_34AM.png.f7e9c3c7184ac357225eeeb49efc30bf.png

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
15 hours ago, creedon said:

The first issue I see is that you've used a code block with the Mode set to CSS. That setting will display the CSS as a source listing not interpret the code for rendering.

1327426454_ScreenShot2022-06-30at11_43_05AM.png.1f8271a83aceb651c76b14974bfe547f.png

You want the HTML mode and not to display source. In addition the source code needs some adjustments.

2141156128_ScreenShot2022-06-30at11_47_34AM.png.f7e9c3c7184ac357225eeeb49efc30bf.png

Let us know how it goes.

Amazing, thank you so much!

It has worked - it has a white border around it but I quite like how it looks so I'm happy to keep it.
Thanks so much for your help!

Screenshot 2022-07-01 at 11.37.17.png

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.