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

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

    VIDEO

  •  2,580
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.


  •  4
    ISOLE-GRECHE replied

    Enabled.

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

  •  2,580
    PenciDesign replied

    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

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

  •  4
    ISOLE-GRECHE replied

    Nothing to do?

  •  2,580
    PenciDesign replied

    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

    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,580
    PenciDesign replied

    Hi,

    This slider works on all devices.

    Regards,
    PenciDesign.


  •  4
    ISOLE-GRECHE replied

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

  •  4
    ISOLE-GRECHE replied

    Up! :)

  •  2,580
    PenciDesign replied

    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

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

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

  •  2,580
    PenciDesign replied

    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

    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,580
    PenciDesign replied

    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.