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 #3749077
Penci image box responsiveness
Closed

Comments

  •  1
    pgorce1 started the conversation
    October 22, 2024 at 7:37am

    Hi,

    how to set the number of images by row to be displayed on mobile ?

    Thanks

  •  2,607
    PenciDesign replied
    October 22, 2024 at 9:03am

    Hi,

    Unfortunately, the current version of PenNews doesn't support this option.

    Regards,
    PenciDesign.

  •  1
    pgorce1 replied
    October 22, 2024 at 10:26am

    ok

    is there another way to display 2 images per row with a link on it on mobile and three on desktop ? (i've got 6 images)

  •  2,607
    PenciDesign replied
    October 22, 2024 at 11:45am

    Hi,

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

    @media (max-width: 480px) {
      .penci-image-box .penci-featured-ct {
        width: 50%;
        float: left;
      }
      .penci-image-box .penci-featured-ct .penci-fea-in {
        height: 160px;
      }
      .penci-image-box .penci-fea-in h4 {
        padding: 5px;
      }
      .penci-image-box .penci-fea-in.boxes-style-3 h4 span span {
        font-size: 10px;
        letter-spacing: -0.05em;
        padding: 0 5px;
      }
    }

    Regards,
    PenciDesign.

  •  1
    pgorce1 replied
    October 22, 2024 at 2:27pm

    it works fine.


    thx