hudson_lee02 Posted July 21, 2021 Share Posted July 21, 2021 Site URL: https://blenny-daffodil-5dzg.squarespace.com/ I want to make a 2 column bullet point list without editing any other text on the site or around the bullet list. On the site the third banner on the intro page with a bridge for a background. Second group of text has a list of bullets that is what I want to become 2 columns and to in the future be able to change or add the content of the bullets. Link to comment
creedon Posted July 21, 2021 Share Posted July 21, 2021 Site-wide password? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
creedon Posted July 21, 2021 Share Posted July 21, 2021 You looking for an effect something like the following? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
hudson_lee02 Posted July 22, 2021 Author Share Posted July 22, 2021 Yes exactly. Just with the text above it being unaffected. Link to comment
creedon Posted July 22, 2021 Share Posted July 22, 2021 The basic effect begins with a text block, line block, text block, line block text block. Then drag the bottom text block to the right of the middle text block. Notice the blue insertion line. It is critical that the line be small and close the right of the middle text block. Make the wrong insertion and the effect won't work. Here we see the bottom text block now in place. When the text blocks are in the proper layout remove the line blocks. The line blocks are important at first for keeping the text blocks from combining together unexpectedly. Let us know how it goes. tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
hudson_lee02 Posted July 22, 2021 Author Share Posted July 22, 2021 Thank you so much this did it! creedon 1 Link to comment
hansworks Posted March 28 Share Posted March 28 Does this apply to 7.0 only? I've tried to replicate in 7.1 but cannot. Link to comment
tuanphan Posted March 31 Share Posted March 31 On 3/29/2024 at 2:48 AM, hansworks said: Does this apply to 7.0 only? I've tried to replicate in 7.1 but cannot. You can share link to a page in 7.1 where you want to do this, we can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
hansworks Posted April 2 Share Posted April 2 Thanks for your reply https://playbook-nth.squarespace.com/overview pw NTH2024# #block-9b5a8b77fa0af9199329 /*2 COLUMNS on desktop/tablet*/ @media screen and (min-width: 640px) { .fe-block-9b5a8b77fa0af9199329 { column-count: 2; column-gap: 60px; } } I have managed to achieve it with the above code, but having problems with not being able to make text block shorter. The blue outline in the screenshot is the closest I can move the bottom of text block to the text inside. Link to comment
tuanphan Posted April 5 Share Posted April 5 On 4/3/2024 at 6:23 AM, hansworks said: Thanks for your reply https://playbook-nth.squarespace.com/overview pw NTH2024# #block-9b5a8b77fa0af9199329 /*2 COLUMNS on desktop/tablet*/ @media screen and (min-width: 640px) { .fe-block-9b5a8b77fa0af9199329 { column-count: 2; column-gap: 60px; } } I have managed to achieve it with the above code, but having problems with not being able to make text block shorter. The blue outline in the screenshot is the closest I can move the bottom of text block to the text inside. Page doesn't work now. Can you check it again? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
hansworks Posted April 5 Share Posted April 5 Hello. I changed the password 10 min ago when working with squarespace chat support. it has been changed back to NTH2024# Link to comment
tuanphan Posted April 7 Share Posted April 7 On 4/6/2024 at 1:16 AM, hansworks said: Hello. I changed the password 10 min ago when working with squarespace chat support. it has been changed back to NTH2024# The password is correct, but the page doesn't work Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
hansworks Posted April 10 Share Posted April 10 Hello again and thanks for your patience. I have created a copy so that you can look at it without it changing. https://playbook-nth.squarespace.com/role-responsibility-copy PW: NTH2024# Link to comment
tuanphan Posted Saturday at 08:46 AM Share Posted Saturday at 08:46 AM On 4/10/2024 at 10:22 PM, hansworks said: Hello again and thanks for your patience. I have created a copy so that you can look at it without it changing. https://playbook-nth.squarespace.com/role-responsibility-copy PW: NTH2024# Now you want to reduce this space? You can use this code to Website > Website Tools > Custom CSS /* Space under text */ .fe-6616ad5d281a48227f8ba778 { grid-template-rows: repeat(45,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
hansworks Posted Monday at 07:11 PM Share Posted Monday at 07:11 PM Thank you for your reply. This code doesnt seem to have changed the behaviour. narrow screen type is crashing and wider screen has a large gap. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment