Gallery not working

shaun
Posts: 7
Joined: Mon Aug 14, 2017 1:32 am
Contact:

Gallery not working

Postby shaun » Mon Aug 14, 2017 1:38 am Supported Until: Sun Jan 14 20:13:26 +1100 2018

Simple gallery does not appear to be working.

This is what I see on my site: https://screencast.com/t/pc0nPANonu

This is what I should see and see in the demo: https://screencast.com/t/nHG2A6P2

You'll notice my site is using different css classes like owl-dot while the correct view is using owl-page.
Most of the parent classes also differ.

The tiled gallery appears to work correctly.

It makes no difference if I have the Wiloke Gallery plugin installed, uninstalled, activated, or deactivated.

Please help.

Thank you in advance.

hungitms
Posts: 176
Joined: Wed Mar 02, 2016 8:36 am
Contact:

Re: Gallery not working

Postby hungitms » Mon Aug 14, 2017 10:41 am

hi. please go to Admin->Appearance->Customize->Logo & Header->Custom Css paste the code below into input Custom Css then click button 'Save & Publish'

CodeColon Select All Code

.owl-carousel .owl-nav [class*='owl-'] {
  position: absolute;
  z-index: 9;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: #262626;
  color: #fff;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease;
  border-radius: 0;
}

.owl-carousel .owl-nav [class*='owl-']:hover {
  background-color: #959dae;
}

.owl-carousel .owl-nav .owl-prev {
  left: -40px;
}

.owl-carousel .owl-nav .owl-next {
  right: -40px;
}

.owl-carousel:hover .owl-nav .owl-next {
  right: 10px;
}
.owl-carousel:hover .owl-nav .owl-prev {
  left: 10px;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  opacity: 1;
  border: 1px solid #fff;
  background-color: transparent;
  transition: all 0.3s ease;
}

.owl-theme .owl-dots .owl-dot.active span {
    background-color: #fff;
}

.owl-theme .owl-dots .owl-dot:hover span {
  background-color: transparent;
}

shaun
Posts: 7
Joined: Mon Aug 14, 2017 1:32 am
Contact:

Re: Gallery not working

Postby shaun » Wed Aug 16, 2017 6:12 am Supported Until: Sun Jan 14 20:13:26 +1100 2018

Thanks

Any idea why the theme files are out of sync?

shaun
Posts: 7
Joined: Mon Aug 14, 2017 1:32 am
Contact:

Re: Gallery not working

Postby shaun » Wed Aug 16, 2017 6:18 am Supported Until: Sun Jan 14 20:13:26 +1100 2018

This fixes the controls but clicking the image still doesn't bring it up in a modal like the tiled gallery does.

hungitms
Posts: 176
Joined: Wed Mar 02, 2016 8:36 am
Contact:

Re: Gallery not working

Postby hungitms » Wed Aug 16, 2017 9:46 am

hi. please leave your site

shaun
Posts: 7
Joined: Mon Aug 14, 2017 1:32 am
Contact:

Re: Gallery not working

Postby shaun » Thu Aug 17, 2017 3:30 am Supported Until: Sun Jan 14 20:13:26 +1100 2018

It's not a public site yet.

No js errors are happening, I assume its a selector or data attribute that is not matching up.


Return to “Aresivel”

Who is online

Users browsing this forum: No registered users and 1 guest