lh-cl-2021 Posted June 26 Share Posted June 26 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) Link to comment
0 creedon Posted June 30 Share Posted June 30 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. lh-cl-2021 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
0 Wolfsilon Posted June 26 Share Posted June 26 Hi there! Will these colors remain static throughout all of your products? Or do you intend to adjust them for each product? Link to comment
0 lh-cl-2021 Posted June 28 Author Share Posted June 28 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
0 tuanphan Posted June 30 Share Posted June 30 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
0 lh-cl-2021 Posted June 30 Author Share Posted June 30 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
0 lh-cl-2021 Posted July 1 Author Share Posted July 1 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! creedon 1 Link to comment
0 creedon Posted July 1 Share Posted July 1 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. lh-cl-2021 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Question
lh-cl-2021
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)
Link to comment
Top Posters For This Question
2
1
1
4
Popular Days
Jun 30
3
Jun 26
2
Jul 1
2
Jun 28
1
Top Posters For This Question
creedon 2 posts
tuanphan 1 post
Wolfsilon 1 post
lh-cl-2021 4 posts
Popular Days
Jun 30 2022
3 posts
Jun 26 2022
2 posts
Jul 1 2022
2 posts
Jun 28 2022
1 post
Popular Posts
creedon
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
lh-cl-2021
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!
creedon
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.
Posted Images
7 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment