visual_ess Posted August 26, 2023 Share Posted August 26, 2023 (edited) Hey, Password: 2023 Does anybody know how to do a split section where you can put text on both sides? I have the code to do split section with image on one side and text on the other. But I was wondering if it was possible to do background image with text title over it. And then text on the right side (please see attached for what I want it to look like, and then a screenshot of what I have). Also, does anybody know if it is possible to do build a section like the one below? I'd possibly like the review to slide to the next review? Edited August 26, 2023 by visual_ess added more information Link to comment
Solution CassAggett Posted August 27, 2023 Solution Share Posted August 27, 2023 (edited) @visual_ess Hey Ess, there's a really easy way you can do this now without code. Instead of adding the image as a background and coding it to one side, you can add it to an image block and push it all the way to the edge of the screen and resize the inside edge to the centre of the screen. Then edit the section settings to remove the grid gap and fill screen option. Here's a video running you through it [5 min]: https://www.loom.com/share/8948909db2e54efda6b6e50a09bf5325?sid=45cf21f9-0020-4e1b-b926-aff4fcb38d4c Edited August 27, 2023 by CassAggett visual_ess and Ziggy 2 If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆 Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business. WEBSITE • INSTAGRAM Link to comment
Lesum Posted August 27, 2023 Share Posted August 27, 2023 I could be wrong, but I think @visual_ess wanted to keep the right side of the section in a fixed position while allowing scrolling functionality for the left side. If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
visual_ess Posted August 27, 2023 Author Share Posted August 27, 2023 Thank you both for your replies. Yes Lesum, I wanted to keep 'what people are saying' side fixed, while being able to have the testimonials on the other side. Maybe have a slide of different text boxes? Does anybody have suggestions on how i could do this? Link to comment
tuanphan Posted August 29, 2023 Share Posted August 29, 2023 On 8/27/2023 at 6:21 PM, visual_ess said: Thank you both for your replies. Yes Lesum, I wanted to keep 'what people are saying' side fixed, while being able to have the testimonials on the other side. Maybe have a slide of different text boxes? Does anybody have suggestions on how i could do this? What is your site url? 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
visual_ess Posted August 29, 2023 Author Share Posted August 29, 2023 www.visual-ess.com password: 2023 Link to comment
WCS Posted August 29, 2023 Share Posted August 29, 2023 @visual_ess You can do this through SquareKicker! They call it 'sticky sections' and it's really easy. 😊 Here's a YouTube tutorial showing the feature SquareKicker website You can even subscribe for one month, make this feature, and then cancel. The changes will stay on your site but if you want to update them, you'd need to resubscribe. Did I help? Click 👍 or mark it as the solution! This helps others find the answers they need. Meghan | Westerly Creative Studio 🍪 Still need your website policies? Termageddon makes it easy. Get 10% off your first year! (< affiliate link) Link to comment
visual_ess Posted August 31, 2023 Author Share Posted August 31, 2023 On 8/27/2023 at 2:16 AM, CassAggett said: @visual_ess Hey Ess, there's a really easy way you can do this now without code. Instead of adding the image as a background and coding it to one side, you can add it to an image block and push it all the way to the edge of the screen and resize the inside edge to the centre of the screen. Then edit the section settings to remove the grid gap and fill screen option. Here's a video running you through it [5 min]: https://www.loom.com/share/8948909db2e54efda6b6e50a09bf5325?sid=45cf21f9-0020-4e1b-b926-aff4fcb38d4c Hey thank you so much for this!! I done it this way, and achieved what I wanted. CassAggett 1 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