Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3223133
Moving an image view within the Penci Gallery
Closed

Comments

  • grandadmiral started the conversation

    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?

    Attached files:  Screenshot 2023-02-03 at 02-48-23 Comic Picks of the Week January 25 2023 - The Comic Book Spot.png

  •  2,699
    PenciDesign replied

    Hi,

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


    Best Regards,

    PenciDesign

  • grandadmiral replied

    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.

    Attached files:  large-8385261.jpg

  •  2,577
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.

  •  2,577
    PenciDesign replied

    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.



  • grandadmiral replied

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

  •  2,577
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.

  •   grandadmiral replied privately
  •  2,577
    PenciDesign replied

    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.



  • grandadmiral replied

    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?

  •  2,577
    PenciDesign replied

    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

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