Jump to content

Home page sliders not working


Recommended Posts


we suddenly released that the banner images on the home page arent working. this was working couple of days back. the banners are there in the backend for the home page but it doesnt seem to be working. have tried everything what am i missing here :


Link to comment
Share on other sites


1 hour ago, crusin316 said:

our question is related to processwire website where our home page banners are working

Whilst that site might be running ProcessWire, you still haven't show how you question is related to ProcessWire. ProcessWire does not output markup and it certainly does not output banners. You will need to be more clearly than that. 

I have removed the second link as well until you can clarify how your question is a ProcessWire issue.

Link to comment
Share on other sites

Hey, our site is build using processwire and since the slider or banner on the homepage stopped working we were looking for help on the forum so that if someone can look at our link and suggest a solution for the same or if someone else has faced a similar issue in the past they could guide us on how to solve it. We have tried all possible solutions from our end but couldn't get it to work. We are using short url since we dnt wish to list the website in google vai your forum. If u feel this is not the right place to ask this question then do let us know where we can  post the query to get help.

Link to comment
Share on other sites

It is fine to ask here. If it it is not directly related to ProcessWire, you can post in the dev forum.


I noted that you posted two different links. 

To get accurate help and as quickly as possible, it is best to post as much descriptive information as possible. These include:

  1. What ProcessWire version are you using?
  2. Did you change something in the code just before the banner stopped working?
  3. Etc

Please repost the link to your site.

  • Like 1
Link to comment
Share on other sites

It's not a Processwire problem but a error in CSS.

Your CSS class .owl-carousel is set to display:none; which makes the slider disappear. The culprit is in owl.min.css. Someone must have changed it...

  • Like 3
Link to comment
Share on other sites

here is the code of owl.min.css



.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}

.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}



Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...