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 #2992877
Slider in Related Posts
Closed

Comments

  •  4
    ISOLE-GRECHE started the conversation
    March 1, 2022 at 9:22pm

    I enabled Slider in Related Posts, but after displaying some photos, the other ones disappear. You can see in this video:

    VIDEO

  •  2,668
    PenciDesign replied
    March 2, 2022 at 2:58am

    Hi,

    Please enable this feature on your site, I'll check and help you resolve this issue.

    Regards,
    PenciDesign.


  •  4
    ISOLE-GRECHE replied
    March 2, 2022 at 3:07am

    Enabled.

    I'd like to change dots and left and right arrows color (and for second trasparency too).

  •  2,668
    PenciDesign replied
    March 2, 2022 at 3:30am

    Hi,

    About this issue, please disable the Lazyload feature on the W3 Total Cache plugin then try to check again.

    Regards,
    PenciDesign.


  •  4
    ISOLE-GRECHE replied
    March 2, 2022 at 3:55am

    I disabled W3 Total Cache and Autoptimize, but the problem remains.

  •  4
    ISOLE-GRECHE replied
    March 2, 2022 at 7:07am

    Nothing to do?

  •  2,668
    PenciDesign replied
    March 2, 2022 at 7:33am

    Hi,

    Please clear all the browser cache then check again or go to Appearance → Customize → General Options: check the Disable Lazyload option.

    Regards,
    PenciDesign.



  •  4
    ISOLE-GRECHE replied
    March 2, 2022 at 7:35am

    OK... I'll try it... even if disabling Lazyload GTMeter review fall down from B to D.

    Slider works only with desktop or mobile too?

  •  2,668
    PenciDesign replied
    March 2, 2022 at 7:37am

    Hi,

    This slider works on all devices.

    Regards,
    PenciDesign.


  •  4
    ISOLE-GRECHE replied
    March 5, 2022 at 6:24pm

    I'd like to change arrow (hover and not) and dots colors

  •  4
    ISOLE-GRECHE replied
    March 6, 2022 at 3:28am

    Up! :)

  •  2,668
    PenciDesign replied
    March 6, 2022 at 3:46am

    Hi,

    Please send me a URL you've inserted this element. I'll check then send you a custom CSS code.

    Regards,
    PenciDesign.


  •  4
    ISOLE-GRECHE replied
    March 6, 2022 at 3:53am

    It's in almost every article. Here's an example:

    www.isole-greche.com/cicladi/mykonos/come-arrivare-mykonos

  •  2,668
    PenciDesign replied
    March 6, 2022 at 4:04am

    Hi,

    Please modify & add this CSS code to your site:

    .post-related_content .penci-owl-carousel-slider .owl-dot.active span,
    .post-related_content .penci-owl-carousel-slider .owl-dot:hover span {
        background: #000;
    }
.post-related_content .penci-owl-carousel-slider .owl-dot span {
        border-color: red;
        background-color: red;
    }
.post-related_content .penci-owl-carousel-style .owl-nav .owl-prev,
    .post-related_content .penci-owl-carousel-style .owl-nav .owl-next,
    .post-related_content .penci-owl-carousel-slider .owl-nav .owl-prev,
    .post-related_content .penci-owl-carousel-slider .owl-nav .owl-next {
        color: red;
        background-color: #000;
    }

    Regards,
    PenciDesign.



  •  4
    ISOLE-GRECHE replied
    March 6, 2022 at 8:16am

    Dots are OK... I have a problem with arrows. I can't see arrow, only square background, neither I put color: #ffffff.

    .post-related_content .penci-owl-carousel-slider .owl-dot.active span,
.post-related_content .penci-owl-carousel-slider .owl-dot:hover span {
    color: #ffffff;
background: #2993d1;
}
.post-related_content .penci-owl-carousel-slider .owl-dot span {
    color: #ffffff;
border-color: #5CB4E8;
    background-color: #5CB4E8;
}
.post-related_content .penci-owl-carousel-style .owl-nav .owl-prev,
.post-related_content .penci-owl-carousel-style .owl-nav .owl-next,
.post-related_content .penci-owl-carousel-slider .owl-nav .owl-prev,
.post-related_content .penci-owl-carousel-slider .owl-nav .owl-next {
    color: #2993d1;
    background-color: #2993d1;
}
  •  2,668
    PenciDesign replied
    March 6, 2022 at 9:32am

    Hi,

    The problem because you've added the color and background color with the same.

    Please modify the CSS code like this:

    .post-related_content .penci-owl-carousel-slider .owl-dot.active span,
.post-related_content .penci-owl-carousel-slider .owl-dot:hover span {    
color: #ffffff;
background: #2993d1;
}
.post-related_content .penci-owl-carousel-slider .owl-dot span {    
color: #ffffff;
border-color: #5CB4E8;    background-color: #5CB4E8;
}
.post-related_content .penci-owl-carousel-style .owl-nav .owl-prev,
.post-related_content .penci-owl-carousel-style .owl-nav .owl-next,
.post-related_content .penci-owl-carousel-slider .owl-nav .owl-prev,
.post-related_content .penci-owl-carousel-slider .owl-nav .owl-next {    
color: #fff;  
background-color: #2993d1;
}

    Regards,
    PenciDesign.