Jump to content

How can I add horizontal margins on the sides of a teams section?

Go to solution Solved by Lesum,

Recommended Posts

https://conch-endive-c8y4.squarespace.com/ Password is zikos

Team section in question is on the A propos page, at the very bottom.

---

Hi! The "teams" section, even in insert mode, takes up the whole width of the page and it's especially jarring on mobile, for example how close to the edge the title "les professeurs" is.

In the options I see that I can set vertical margins within it, but no horizontal ones.

How can I add space on both sides? Thank you.

I've attached a screenshot of the spacing I'm normally comfortable with (light green section) : I use two grid squares on both sides ; and a screenshot of the teams section in comparison.

Interestingly, if I look at that page on computer, "les professeurs" is aligned with everything I've typed above, but not on mobile.

2024-08-14 15_39_30-Window.png

2024-08-14 15_39_01-Window.png

Edited by sophieamusil
Link to comment
  • Replies 2
  • Views 298
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

@sophieamusil Hi! You can add this code in Website > Pages > Website Tools > Custom CSS to address the issue:

@media screen and (max-width: 767px) {
	section[data-section-id="66439a15175a234a4a643bcc"] .user-items-list {
		padding-left: 4vw;
		padding-right: 4vw;
	}
}

 

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

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.