Jump to content

Align gallery to text box

Recommended Posts

On 8/4/2022 at 3:43 AM, sstinus said:

Site URL: https://tricoche.squarespace.com/

Hi everyone,

Di you have the solution to align the white text block on the gallery images please ?

The whbsite https://tricoche.squarespace.com/

pw : TS2022

Thank you,

Sebastien

ts.jpg

Try adding to Home > Design > Custom css

div#block-yui_3_17_2_1_1658751644673_159747 {
  margin-left:0;
  margin-right:0;
  max-width: 100%;
}

div#block-yui_3_17_2_1_1658751644673_159747  .sqs-gallery-design-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

div#block-yui_3_17_2_1_1658751644673_159747  .margin-wrapper {
  margin: 0 !important;
}


div#block-yui_3_17_2_1_1658751644673_159747 .slide img {
  width: 100% !important;
  height: auto !important;
}

div#block-yui_3_17_2_1_1658751644673_159747  .slide  {
  width: 100%;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing 

image.thumb.png.f2b41a59b6afbec38997f12e01241d5c.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 8/5/2022 at 5:01 PM, bangank36 said:

Try adding to Home > Design > Custom css

div#block-yui_3_17_2_1_1658751644673_159747 {
  margin-left:0;
  margin-right:0;
  max-width: 100%;
}

div#block-yui_3_17_2_1_1658751644673_159747  .sqs-gallery-design-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

div#block-yui_3_17_2_1_1658751644673_159747  .margin-wrapper {
  margin: 0 !important;
}


div#block-yui_3_17_2_1_1658751644673_159747 .slide img {
  width: 100% !important;
  height: auto !important;
}

div#block-yui_3_17_2_1_1658751644673_159747  .slide  {
  width: 100%;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Perfectt Thank you very much 🙂

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.