Jump to content

How to put text beside a gallery in a section?

Recommended Posts

 

I need to to basically look like this (see photo below). It’s difficult just to add galleries with text in this format i’ve used. I need to be able to add multiple rows like this in an easier way.

 

Basically, this is what I need it to do, but in an easier way https://www.youtube.com/watch?v=pPCkCLZ82vA

 

Please let me know if this can be done, i’ve spent hours trying to figure it out. Thank you

548322339_ScreenShot2020-07-08at4_37_11AM.thumb.png.bd1186fa2d65ff219c5be5f870e3d622.png

Link to comment
  • Replies 15
  • Views 3.3k
  • Created
  • Last Reply

Top Posters In This Topic

Yeah that's great if you want to use the gallery block...which I don't. I'm wanting to use the gallery SECTION, which is different. Right now it doesn't appear that you can edit those and add text, so I had to add adjacent sections and then reduce the padding between individually. 

Link to comment
16 hours ago, buellfire said:

Any updates on this? I am also wanting to add a header text to a gallery section, but it looks like you can't actually add anything else to it. 

Simple text or? Can you describe desired layout? We can use some CSS to add simple text above gallery

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
  • 1 year later...
On 5/2/2022 at 5:39 PM, minnieosc123 said:

I also want to do this - but add text above a gallery section. Please could you share the code to do this? 

Thanks

x

Can you share link to page where you use gallery section? We can give code 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
  • 1 year later...
On 6/15/2023 at 1:02 AM, nicki-patsios said:

@tuanphan Can you help regarding the spacing here? I want tight margins to match the sides of the website. I used the tutorial above to create the text next to gallery layout. What do I need to do to the CSS? Please and thank you! 🙏

web link: https://decagon-mandarin-n9k8.squarespace.com/about
pw: help

Screenhelp.png

Add this to Design > Custom CSS

.gallery-slideshow {
    padding: 0px !important;
}

 

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
On 6/17/2023 at 5:16 AM, nicki-patsios said:

@tuanphan this is the result. I still want a margin to the left and to minimize the spacing at the top. How can we accomplish that? 

Screenupdate.png

You can use this instead, then you can adjust value

.gallery-slideshow {
    padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

 

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

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.