Possbile to reduce space between folders and galleries?

net1994

Hi All - On my Galleries page, it has folders (of sub galleries) and regular gallerias all on the same page. At the top are the folders and then the galleries below. Is it possible reduce the spacing in the middle between the folders listed out and the galleries? This seems intentional and I'm sure for good UI aesthetics, but when a end user is scrolling down the page I don't want this break in visual flow.

My site and area in question: https://www.paintbypixels.com/Galleries

Hikin' Mike

Well, you've already added 40px on your Galleries.

.sm-page-widget-23899889 .sm-page-widget-content {
    margin-top: 48px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

net1994

@Hikin' Mike said:
Well, you've already added 40px on your Galleries.

.sm-page-widget-23899889 .sm-page-widget-content {
    margin-top: 48px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

Hi Mike - I added the CSS and played with the Gallery Layout and no reduction in the space between folders and galleries. Did I add this CSS in the right location? Or perhaps a # is off?

denisegoldberg

I believe Mike was pointing out that you had already added to the margin-top with that CSS. Have you tried a margin-top using a smaller number?

net1994

Where do I change this value or add the CSS? On the homepage, all folders or all galleries?

Hikin' Mike

Yes @denisegoldberg was correct.

@net1994 said:
Where do I change this value or add the CSS? On the homepage, all folders or all galleries?

It should be on the 'All Gallery' section. Look for the wrench icon.

net1994

@Hikin' Mike said:
Yes @denisegoldberg was correct.

@net1994 said:
Where do I change this value or add the CSS? On the homepage, all folders or all galleries?

It should be on the 'All Gallery' section. Look for the wrench icon.

Hi Mike - Welps I'm not having any luck. I looked where you said and played around with the px values just to see if anything changed and nothing did. :-(

Hikin' Mike

My bad, it isn't the wrench, it's the triangle icon (dimensions). It should show your top margin at 48px.

net1994

@Hikin' Mike said:
My bad, it isn't the wrench, it's the triangle icon (dimensions). It should show your top margin at 48px.

Sorry again. I feel bad for missing all this, but I just don't know where to go for this, what to add (CSS to all galleries, CSS to all folders, layout??) or what to do.

Hikin' Mike

When you're on your Gallery page go to Customize > Content and Design. You should have a Folder on the top and your Galleries below. Something like this:

Click on the triangle/dimension.

Edit it. Save. Done.

net1994

@Hikin' Mike said:
When you're on your Gallery page go to Customize > Content and Design. You should have a Folder on the top and your Galleries below. Something like this:

Click on the triangle/dimension.

Edit it. Save. Done.

That did it! Thanks so much for your patience! I set all the margins to 0px and that did it.