6 image slider

Public Ticket #17172

Conversation thread

olafvangastel replied

5 years ago

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

5 years ago

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

5 years ago

Customer Reply

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

PenciDesign Supporter replied

5 years ago

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

5 years ago

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.