Jump to content

Code to left align Grid Gallery section and add text block to the right?

Go to solution Solved by ShootsDraws,

Recommended Posts

Hi,

I am seeking a code that enables me to align a Grid Gallery section to the left, which also makes space for me to add a text box to the right. See the attached screenshot, which demonstrates what I want to achieve (I did this using image blocks instead of a gallery).

https://shootsdraws.com/draws/beoutdoorfit

To access the page, the password is: backsoon

I have currently managed to find the code that aligns a grid gallery to the left, but the issue is that the bounding box still stretches the full width of the page, so there's no way for me to add a text block.

Any help would be appreciated.

Thanks!

Screenshot 2023-09-15 at 17.58.48.png

Link to comment
  • Replies 5
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Quote

Am I right in thinking that it requires a specific theme though? I've already got my website set up, and don't want all pages to be split in half.

I only know of the general technique not the specifics. If you use the plug-in mentioned you can mix split sections in with normal sections. See the demo.

Quote

I was hoping for an easier route, with a simple CSS code for my existing theme.

Split sections can not be achieved with just a few lines of simple CSS. It is a somewhat complicated alteration of SS's native sections.

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

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.