Shoreditch Theme: Reducing space between panels in a Panel Page

shopdayco · Member · Jan 4, 2018 at 5:55 pm
Copy link

Add topic to favorites
How can I reduce the space in between panels on a page using the Panel template? Is there a way to reduce/change the panel size?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 4, 2018 at 8:20 pm
Copy link
Hi there, looking at your main page, I’ve excluded the top panel that has the featured image and the following only affects those below it. The 6 and 4.5em values are the originals, so just edit those to get it how you want it. I’ve also limited this to only the panel pages, so it does not affect any other pages or posts.
```
.page-template-panel-page .hentry:not(.has-post-thumbnail) {
  padding-top: 6em;
  padding-bottom: 4.5em;
}
```
shopdayco · Member · Jan 10, 2018 at 2:43 pm
Copy link
Perfect! Thanks!!
shopdayco · Member · Jan 10, 2018 at 2:45 pm
Copy link
If I decide to add more templates with featured images, how do I exclude those from the padding rules I set?
shopdayco · Member · Jan 10, 2018 at 2:45 pm
Copy link
*meant to say panels, not templates.
thesacredpath · Member · Jan 11, 2018 at 7:01 pm
Copy link
@shopdayco, with the above code, what I have done is to exclude panels that have an image, so it should not affect any panels that have images, just those that do not have images. You can temporarily add an image to another panel to check that if you wish.
thesacredpath · Member · Jan 11, 2018 at 7:02 pm
Copy link
If it does not, leave the image in place and let me know and I can make some adjustments.

No items found.