Poster Stack add padding below each poster item


(Lisa Sandler) #1

Anyone know how to add space between each poster item/bottom? @instacks @teefers
I thought it would be in these settings, but I don’t see a difference when I change the padding.
thx


(Mathew Mitchell) #2

Lisa: I use the Padding Override with 40 px on the bottom.


(Lisa Sandler) #3

You know what it was… the host server was down and I couldn’t figure out why my photos weren’t showing up and leaving white spaces instead. None of the settings were working right (to me) because I didn’t know at first. It’s fine now :slight_smile:


(Lisa Sandler) #4

@instacks
Jannis
Another question… if I want to get rid of the main body left and right padding that are set with Masonry Columns gutter, how would I do that? Not the gutter between columns, but the gutter left and right on the whole Poster Stack.
thanks


(Jannis from inStacks Software) #5

That’s most probably a theme issue. But please send me a link.


(Lisa Sandler) #6

Foundation. For example, this page: https://www.lisasandlerphotography.com/details/happy-clients/


(Jannis from inStacks Software) #7

Try

.s-vault-1.s-pro>.shear-wrapper>.shear-inner>.inner-content.vaultPadSide {
padding-left: 0px !important;
padding-right: 0px !important;
}


(Konstantijn Van Calster) #8

Just bought the Poster stack, looks promising :slightly_smiling_face: and good customer service from Jannis.
I look forward to seeing some more e-commerce features on this stack.


(Jannis from inStacks Software) #9

Me too. When you have a detailed requirements list, let me know. Cheers :beers:


(Andrew Tavernor) #10

@LSPhoto No need to override with CSS - this is an optional padding added in the stack settings, just turn off the custom side padding in the Sections settings for Master Layout 1 or define a separate layout for the region that you are putting the Poster stack in.


(Konstantijn Van Calster) #11

Perfect, will do :slightly_smiling_face:
Cheers


(Lisa Sandler) #12

That didn’t seem to do anything… page is republished and looks the same.
thanks


(Andrew Tavernor) #13

The side padding that @instacks mentioned is just your custom horizontal padding that is set in your Layout Master1 . Either turn that off or don’t apply Layout Master 1 to that Section.


(Lisa Sandler) #14

thx @tav but if I turn off the horizontal padding, it still looks the same. I use the same padding on everything, to keep everything lined up the same, so in this case, the only thing that sticks out left and right is the padding on the outer Poster stack.
For example, this page has the same horizontal padding: https://www.lisasandlerphotography.com/services/headshots-services/. Yet it doesn’t have the extra horizontal padding on the outer Block Grid because I am using code to get rid of it.
.com_joeworkman_stacks_foundation_blockgrid_s3_stack>ul{
margin: 0 -1.25rem;
}

This is published page that has horizontal padding:

This is preview page with horizontal padding turned off:


(Andrew Tavernor) #15

You can pull the same negative margin trick as the block grid if you want - this will remove it completely , personally I think there should be some space on smaller screens though. There is currently no padding at all on the Happy Clients text above (perhaps its because you removed it as described above.

``
.poster-top{
margin-left: -50px;
margin-right: -50px
}


(Lisa Sandler) #16

I think this is working, @tav :slight_smile:
https://www.lisasandlerphotography.com/details/happy-clients/


(Gary) #17

@LSPhoto Your site is really coming together nicely. Great job.


(Jannis from inStacks Software) #18

Looks great, I really like this clients reference page.


(Lisa Sandler) #19

thanks! I discover new stacks and ways of doing things and I keep going, lol. But I’m hoping to finish up over the next few weeks and just add and maintain from there :slight_smile:


(Jan Fuellemann) #20

So you really want all to stop developing new stacks :slight_smile: ?