Skip to content
Public Ticket #23686

Moving an image view within the Penci Gallery

Conversation thread

grandadmiral replied

Customer Reply

That's exactly what I am looking for. Thanks a bunch.

PenciDesign Supporter replied

Staff Reply

Hi,

You can modify the CSS code like this:

.penci_gallery.style-6 .penci-image-holder,
.penci_gallery.style-6 .penci-block_content a {
  background-size: cover;
  background-position: top center;
}

Regards,
PenciDesign.


grandadmiral replied

Customer Reply

This isn't what I want. I do not want the whole cover to appear; only the top portion. Instead of aligning center, can the gallery not align top?

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:

.penci_gallery.style-6 .penci-image-holder:before {
  padding-top: 155%;
}
.penci_gallery.style-6 .penci-image-holder,
.penci_gallery.style-6 .penci-block_content a {
  background-size: contain;
}

Regards,
PenciDesign.



PenciDesign Supporter replied

Staff Reply

Hi,

Unfortunately, you can't select the thumbnail on this PenNews version.

Regards,
PenciDesign.

grandadmiral replied

Customer Reply

I'm not certain if I want a thumbnail of the image. Are there no other options?

PenciDesign Supporter replied

Staff Reply

Hi,

The current version of PenNews will resize the image of the thumbnail gallery. If you want to show without a crop, you need to show a the thumbnail as full-size image.

Pease sends me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you customize it (modify & add some extra code).

Regards,
PenciDesign.



PenciDesign Supporter replied

Staff Reply

Hi,

Please send me the URL that contains the gallery images. I'll check and then send you a quick solution.

Regards,
PenciDesign.

grandadmiral replied

Customer Reply

The previous screenshot is how the gallery appears on the page. This image is one of the covers in the gallery. Right now, the images seem to be centered in the grid, but I'd like the top portion of the image to appear in the grid instead so that the title appears.

PenciDesign replied

Staff Reply

Hi,

I'm not clearly about this problem. Can you tell me more about this?

Best Regards,

PenciDesign

grandadmiral started the conversation

Conversation Start

I typically create galleries of comic book covers on a regular basis. One of the things I have never been able to figure out is how to position the images so that the top of the cover appears as the thumbnail without crop the image of some nature. How can I get things to where the top of the book cover appears instead of it being centered as in the screenshot?

Want to join this conversation or access attachments? Sign in first.