Content Blocks - Sliders

D1Visuals · December 2016

Greetings, I can not seem to get the title and overrall container to match the sizing of the items being displayed in the slider. the image is 188px but the title container are 306px (346px). Please advise.

Screenshots in the dropbox link below:
https://www.dropbox.com/sh/quyu2nx4vyfbzzo/AADjWKHwr8RtTO4eWkjNkB9Pa?dl=0

Albert · December 2016

Hi,

please send us link to page where you got those images so we can have a look on it.

D1Visuals · December 2016

http://www.christinavargas.net/home-2/

Albert · December 2016

Ok, got it. So to center images, you need to use the following css:

#Content .slick-track img { margin: 0 auto 20px !important; }

D1Visuals · December 2016

Greetings, thank you for the quick response, the code worked great! I do however have some follow-up questions on how to edit/customize the slider. Essentially, I would like to build a slider similar to the one on this page here: http://jessiefitness.com/jessiesgirls/

QUESTIONS

how do I add more than 3 items to the slider and make the text permanently opaque when not hovering?
how do you add clickable buttons into the slider? (I attempted to add a button via shortcode and it did not work.)
how can I hide the dots, change the slider arrow color and make the arrows permanently opaque when not hovering?

Albert · December 2016

The only similar slider we have you can see on http://themes.muffingroup.com/be/theme/shortcodes/content-blocks/#slider and the only thing you can do is remove the dots below the slider with below css:

.content_slider .slider_pagination { display: none !important; }

Content Blocks - Sliders

Comments