Adding block colours within 'Additional Info' on product pages

Site URL: https://asparagus-pepper-wa4b.squarespace.com

I'm looking to achieve the attached image in the product pages in the 'Additional Information' section.

I have tried out a couple of css codes found on here but unfortunately it's not something that works on my website.

Does anyone have any suggestions? 

Thank you!! 😀

(Password is 123456)

Hi there!

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

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.

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?

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!

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.

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

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!

6 hours ago, lh-cl-2021 said:

it has a white border around it but I quite like how it looks so I'm happy to keep it.

Blocks generally have a 17px space around them. It is possible to get rid of it with a little CSS if you should so desire in the future.