twigsplace Posted August 14 Share Posted August 14 Hi, can anyone please help me create 3 columns of text separated by lines, as per the attached example screenshot (taken from our brochure). I'd like to create the same format on the website which is using the Mint template on 7.0? Is this possible? Thank you! Link to comment
paul2009 Posted August 14 Share Posted August 14 10 minutes ago, twigsplace said: can anyone please help me create 3 columns of text separated by lines You can create the three columns by adding three Text Blocks and placing them side by side. When you've added the text, you can add some Custom CSS to create the lines. If you need help with the CSS, please post a link to the page, after adding the Text Blocks. Did this help? Please give feedback by clicking an icon below ⬇️ twigsplace 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
twigsplace Posted August 14 Author Share Posted August 14 Thank you @paul2009 I've created the text blocks as suggested and made the page live (it's not finished as will need images etc, but just so I can sort the look of the text sections first!) Please could you help with the custom css? Page link is https://www.twigsbranchphotography.com/shropshire-wedding-photography-prices Thank you! Link to comment
paul2009 Posted August 14 Share Posted August 14 2 hours ago, twigsplace said: Please could you help with the custom css? As the centre column has the block ID "block-yui_3_17_2_1_1723649299500_22654", you should be able to add something like this, adjusting to your needs: #block-yui_3_17_2_1_1723649299500_22654 { border-left: 2px solid #3D3D3D; border-right: 2px solid #3D3D3D; } Did this help? Please give feedback by clicking an icon below ⬇️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? 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