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 #2929347
Penci Featured Slider appearance problems
Closed

Comments

  • maciek_l started the conversation

    Hi,

    I found two bugs with the look of the 37 style Penci Featured Slider.

    1. Tiles are uneven. You can see a white spot on the bottom right. It is more visible with scaling and some resolutions.

    2. The largest tile shows a piece of another tile on the left.


    I attach screenshots. Can it be repaired?

    Regards

  •  2,612
    PenciDesign replied

    Hi,

    Please send me the related URL to this issue. I need to check on the live site.

    Regards,
    PenciDesign.


  •   maciek_l replied privately
  •  2,612
    PenciDesign replied

    Hi,

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

    .featured-style-6 .penci-pitem-big .penci-image-holder:before,
    .featured-style-37 .penci-pitem-big .penci-image-holder:before {
        padding-top: calc(66.6667% - 6px);
    }

    Regards,
    PenciDesign.



  •   maciek_l replied privately
  •  2,612
    PenciDesign replied

    Hi,

    I've modified the code.

    Please check.

    Regards,
    PenciDesign.


  • maciek_l replied

    Hi,

    Unfortunately, there is still the same problem. Go to the website and see for yourself by changing the size of the browser window.


    The site is already online so you don't even have to log in.

  •  2,612
    PenciDesign replied

    Hi,

    Please also edit your page with the Elementor, select the Penci Featured Slider element, click the Style tab, then change the value at the Ratio Height/Width of Images option.

    image.png

    Regards,
    PenciDesign.


  • maciek_l replied

    Hi

    Okay, it's better. It's not perfect, but it has clearly improved.

    What about the problem of a piece of the previous photo? I described it in the first post.

    Regards


  •  2,612
    PenciDesign replied

    Hi,

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

    .penci-featured-items-left .penci-owl-carousel .owl-item {
        opacity: 0;
    } .penci-featured-items-left .penci-owl-carousel .owl-item.active {
        opacity: 1;
    }

    Regards,
    PenciDesign.



  • maciek_l replied

    Hi,

    It does help with that bit of the previous photo, but it does messing with the switching between slides.
    As this CSS code is added, the pictures do not change smoothly. There is a white space between them.

    Regards


  •  2,612
    PenciDesign replied

    Hi,

    About the transition/image issue, please wait for me to fix it in the future update. Because this modification needs to change a lot of JS files.

    Regards,
    PenciDesign.