How do I add custom code for reducing padding?

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

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

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;
}

Thank you so much! That worked great. I appreciate your help. How would I change/decrease the padding on another page? Specifically, a page like this with text and portfolio images below?

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?

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;
}

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

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

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

4. (Mobile – Web design) Reduce space?

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

5. (Tablet – Homepage) Reduce white space?

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

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!

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?