Jump to content

Reduce padding above gallery and below previous section

Go to solution Solved by tuanphan,

Recommended Posts

Posted

Hi there!

How can I reduce padding below the "Testimonials" title and above the gallery section. Since I'm not able to add a title to a gallery section I had to add it to the previous section but there is too much space between the two. I'm also not able to add a gallery block to a regular section so this was the best way I could think of. I tried the code from others who had this question here a couple of years ago but it's not working.

https://plenitud-7-1.squarespace.com/seniorcare

pw: community

  • Replies 7
  • Views 378
  • Created
  • Last Reply

Top Posters In This Topic

Posted
On 1/14/2023 at 8:16 PM, tuanphan said:

You mean this?

image.thumb.png.9257833919ff6ac5dc339739f51deebf.png

Yes, that's exactly what I mean. I want to reduce the padding there.

Posted
On 1/26/2023 at 9:38 PM, pleni said:

Yes, that's exactly what I mean. I want to reduce the padding there.

Add to Design > Custom CSS

@media screen and (min-width:768px) {
[data-section-id="63af6aefa2056d0b3f4f9293"] .gallery-slideshow {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -50px;
}}

 

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!)

Posted
On 1/28/2023 at 3:15 AM, tuanphan said:

Add to Design > Custom CSS

@media screen and (min-width:768px) {
[data-section-id="63af6aefa2056d0b3f4f9293"] .gallery-slideshow {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -50px;
}}

 

Thank you! It worked when I added the CSS but then it stops working once I save. Any thoughts?

Page is now live at plenitudpr.org/seniorcare

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.