Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How do I add custom code for reducing padding?


islandgirl

Question

  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

7 answers to this question

Recommended Posts

  • 0
3 hours ago, islandgirl said:

Site URL: https://jeanne-m-juneau.squarespace.com/

Hi, There's too much padding at the top of the portfolio section on my home page, above the words. Does anyone have custom code to reduce it? (Site is in work in progress)

Also, what should the page widths and site margins be set at?

Many thanks!

pw 1234

Screen Shot 2021-07-20 at 6.35.15 PM.png

You may want to reduce padding top like so

.portfolio-hover[data-horizontal-align="center"][data-mode="hover-cover"] .portfolio-hover-items {
    padding-top: 100px !important;
}

 

Greeting, it's BaNgan from 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, Portfolio hover Replace Link Style
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
  • 0
On 7/24/2021 at 7:52 AM, islandgirl said:

I have portfolio hover on another page and there's still too much padding. Is the custom code you provided specific to the home page?

With web design page, try adding to Design > Custom CSS

.gallery-slideshow {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: auto !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

Also, do you need to fix these?

Site URL – https://jeanne-m-juneau.squarespace.com/?password=1234

1. (Jeanne) You haven’t changed SEO Title so the browser tab name still shows “About 3”

https://jeanne-m-juneau.squarespace.com/jeanne/?password=1234

jeanne-m-juneau.squarespace.com-01-min.p

2. (Web design) You haven’t changed SEO Title so the browser tab name still shows “General 2”

https://jeanne-m-juneau.squarespace.com/web-design/?password=1234

jeanne-m-juneau.squarespace.com-02-min.p

3. (Reach) You haven’t changed SEO Title so the browser tab name still shows “About 3”

https://jeanne-m-juneau.squarespace.com/reach/?password=1234

jeanne-m-juneau.squarespace.com-03-min.p

4. (Mobile – Web design) Reduce space?

https://jeanne-m-juneau.squarespace.com/web-design/?password=1234

jeanne-m-juneau.squarespace.com-04-min.p

5. (Tablet – Homepage) Reduce white space?

https://jeanne-m-juneau.squarespace.com/?password=1234

jeanne-m-juneau.squarespace.com-05-min.p

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

Thank you so very much for the suggestions. It is a work in progress and I appreciate your suggestions! I added the code and there's still quite a bit of padding above and below the gallery slideshow. Is there another snippet I should be using? Also I reduced the padding on the footer, thank you!

Link to comment
  • 0
On 7/26/2021 at 3:21 AM, islandgirl said:

Thank you so very much for the suggestions. It is a work in progress and I appreciate your suggestions! I added the code and there's still quite a bit of padding above and below the gallery slideshow. Is there another snippet I should be using? Also I reduced the padding on the footer, thank you!

Hi. You mean on desktop or mobile?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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...