Jump to content

Help aligning split section text

Recommended Posts

Site URL: https://mplusastudio.squarespace.com/config/design/custom-css

Hi there,

Hoping someone can help. I used a split section plug in to display images on the right and text on the left. On the page https://mplusastudio.squarespace.com/config/design/custom-css, I have broken each category up into different 'sets' of the split section. For example, Kitchen text to the left is section 1 of split and kitchen images to the right is section 2 of the split. This is then repeated for 3 other categories, 2 splits at a time. 

Code injection used for each split section on the page is: 

<div data-wm-plugin="split-sections" 
  data-split-count="2" 
  data-split-widths="40%, 60%,"></div>

Does anyone have any idea how I can align the text to the left with the images to the right? I've tried with various code and adjusted the alignment in squarespace sections themselves but the text just doesn't seem to align with scaled on different devices. 

Any ideas or code that would help would be greatly appreciated. For reference, the plugin I used was https://www.will-myers.com/products/p/split-screen-layout-design-pack

Thanks! 

Link to comment
  • Replies 4
  • Views 305
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • 2 weeks later...

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.