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 #3124001
Penci Image Box Home Page
Closed

Comments

  •  4
    ISOLE-GRECHE started the conversation
    September 13, 2022 at 11:31am

    Image Box is perfect in desktop version... but images become too big in mobile versione. How is possibile to have more little... like a rectangle, not a big square?

  •  2,580
    PenciDesign replied
    September 13, 2022 at 12:46pm

    Hi,

    Please send me a page URL that contains this element.

    Regards,
    PenciDesign.


  •  4
    ISOLE-GRECHE replied
    September 13, 2022 at 1:17pm

    https://www.isole-greche.com

  •  2,580
    PenciDesign replied
    September 13, 2022 at 1:43pm

    Hi,

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

    @media only screen and (max-width: 767px) {
      #penci-vc_row-wapper__33053974 .vc_row {
        margin-left: -5px;
        margin-right: -5px;
      }
      #penci-vc_row-wapper__33053974 .vc_row > .wpb_column {
        width: 50%;
        padding-right: 5px;
        padding-left: 5px;
        float: left;
      }
    }

    Regards,
    PenciDesign.



  •  4
    ISOLE-GRECHE replied
    September 13, 2022 at 2:20pm

    Nothing changed.

  •  2,580
    PenciDesign replied
    September 13, 2022 at 2:37pm

    Hi,

    Please clear all the browser cache then check again, this code will force showing 2 columns on the mobile device only.

    Regards,
    PenciDesign.


  •  4
    ISOLE-GRECHE replied
    September 13, 2022 at 2:54pm

    I did everything... I tried with different browsers... nothing... do you see changes?

    https://www.isole-greche.com

  •  2,580
    PenciDesign replied
    September 13, 2022 at 3:16pm

    Hi,

    Please send me your WordPress admin account in a PRIVATE reply. I'll log in and help you check it.

    Regards,
    PenciDesign.


  •   ISOLE-GRECHE replied privately
  •  2,580
    PenciDesign replied
    September 13, 2022 at 6:13pm

    Hi,

    I've edited your site.

    Please check.

    Regards,
    PenciDesign.


  •  4
    ISOLE-GRECHE replied
    September 13, 2022 at 11:01pm

    Which modify did you make?

  •  2,580
    PenciDesign replied
    September 13, 2022 at 11:53pm

    Hi,

    I've added the custom class for this section and modified the CSS code.

    Regards,
    PenciDesign.


  •  4
    ISOLE-GRECHE replied
    September 14, 2022 at 5:24am

    I need code because I must reply it on my new website version I'll publish soon.

  •  2,580
    PenciDesign replied
    September 14, 2022 at 5:38am

    Hi,

    Just modify the code I've sent:

    @media only screen and (max-width: 767px) {
  #penci-vc_row-wapper__33053974 .vc_row {
    margin-left: -5px;
    margin-right: -5px;
  }
  #penci-vc_row-wapper__33053974 .vc_row > .wpb_column {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
  }
}

    Change #penci-vc_row-wapper__33053974 with the custom CSS class you've added on the WPBakery Page Builder.

    Regards,
    PenciDesign.