Zoo Theme Slider

perkiekat · April 2018

In the Zoo theme I would like to make additional images or slider instead of one image on the home page - the large image that covers most of the top page. Right now in the Custom CSS within the theme settings I can only set one image there:

.home { background: url(http://mywebsiteurl.org/xxxx/xxxx/uploads/2018/03/home_museum1_bg-1024x604.jpg) no-repeat top center; }

Can I create a slider and place the shortcode there or ?

This is being requested by the client and I am not sure how to do this. Can you please let me know what I need to do?

Thanks

Bryan · April 2018

Hi,
yes this is an old pre-built website and there was some custom css which is not needed right now.
What you can do is this:
1. Remove the first section and the custom css, .home background.
2. Scroll down to page options and choose the slider from the dropdown.
thanks

perkiekat · April 2018

Thank you!

After adding the layer slider, the three boxes below the slider no longer look like they are overlaying the image as in the demo site here: http://themes.muffingroup.com/be/zoo/

Is there some css code I can add to make it look like the original zoo theme?

Thank you for your support.

Bryan · April 2018

Just edit the wraps in the muffin builer and use the MOVE UP option to overlay the slider.
thanks

perkiekat · April 2018

Thank you very much!

Zoo Theme Slider

Comments