Skip to content
Public Ticket #17172

6 image slider

Conversation thread

olafvangastel replied

Customer Reply

Thanks!

i've noticed what is causing the issue. If i zoom in or zoom out, the slider becomes the way i want it. So is there a way to make it 6 squares regardless of screensize>

PenciDesign Supporter replied

Staff Reply

Hi,

I've checked your site and page not found an error. If the image display not correctly, please clear all js/CSS cache. The problem may be the owl-slider library not loading properly.

Regards,
PenciDesign.

olafvangastel replied

Customer Reply

hey! i did what you suggested but the 6 style images only show up sometimes... i have cleared cache

PenciDesign Supporter replied

Staff Reply

Hi,

Please following this step:

1. Go to Appearance > Customize > Custom CSS, then paste the following CSS code:

.featured-style-21 .wrapper-item .penci-item-4,
.featured-style-21 .wrapper-item .penci-item-5,
.featured-style-21 .wrapper-item .penci-item-0 {
    border-top: 4px solid transparent;
    width: 33.33333%;
} .penci-block-el.featured-area.featured-style-9 {
    margin-left: -2px;
    margin-right: -2px;
} .featured-style-9 .wrapper-item .penci-item-mag {
    padding: 0 2px;
}
2. Download and extract file style-21 to folder:
soledad/inc/js_composer/shortcodes/featured_slider

Regards,
PenciDesign.

olafvangastel started the conversation

Conversation Start

I am trying to recreate the mockup in the attachment on the related url. I've got the colors of the header figured out on the cloning domain mag.vgigroup.nl.

i need help on the second slider. The one with the 6 evenly squared images underneith the revolution slider and the bottom two sliders with spacing between the images. Can you help me with those? I have tried all styles of sliders but couldnt find any closely resembling

Want to join this conversation or access attachments? Sign in first.