Jump to content

SPLIT SECTION WITH TEXT ON BOTH SIDES

Go to solution Solved by CassAggett,

Recommended Posts

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?

 

Screenshot 2023-08-26 at 21.41.20.png

Screenshot 2023-08-26 at 21.46.11.png

Edited by visual_ess
added more information
Link to comment
  • Solution

@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 by CassAggett

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.

WEBSITEINSTAGRAM

 

Link to comment
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 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 we help? Click 👍 or mark it as the solution! This helps others find the answers they need. 

Meghan, Owner of Westerly Creative Studio
👩‍💻 🍪  Need a low-cost website policies + cookie banner? Termageddon makes it easy.  Get 10% off your first year! (< affiliate link) 

Link to comment
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. 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.