Slider in Related Posts | PenciDesign Support

PenciDesign Supporter replied

4 years ago

Staff Reply

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.

ISOLE-GRECHE replied

4 years ago

Customer Reply

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;
}

PenciDesign Supporter replied

4 years ago

Staff Reply

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.

ISOLE-GRECHE replied

4 years ago

Customer Reply

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

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

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

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

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

Up! :)

ISOLE-GRECHE replied

4 years ago

Customer Reply

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

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

This slider works on all devices.

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

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?

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

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

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

Nothing to do?

ISOLE-GRECHE replied

4 years ago

Customer Reply

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

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

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

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

Enabled.

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

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

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

Regards,
PenciDesign.

ISOLE-GRECHE started the conversation

4 years ago

Conversation Start

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

VIDEO