Canvas Support

Combining Owl Carousel and Lightbox Gallery

13 replies·opened Aug 12, 2016
B
bdolnikAug 12, 2016

Hi, would you mind taking a look at this page and see if you can help me combine these two functionalities, I'm having a hard time with it.

http://dev1.wbparts.com/rfq/5995-01-496-2412.html

I originally had it working with this...

<div class="masonry-thumbs col-5 clearfix" data-lightbox="gallery">

But I need to have the images shown as a Carousel, so swapped out that div with this...

<div id="oc-images" class="owl-carousel image-carousel carousel-widget" data-margin="20" data-nav="true" data-pagi="false" data-items-xxs="2" data-items-xs="3" data-items-sm="4" data-items-md="5">

That's what is on the page now when you view it. There are 2 problems. #1 That scroll bar shows up for some reason so I'd like to get rid of that, and #2 Now that the Carousel is working I no longer get the Lightbox Gallery functionality. Do you see a way to add that?

Thank you very much!

B
bdolnikAug 16, 2016

Was just wondering if maybe you guys are out of the office for a couple days as there hasn't been much activity from you on the forums? Is there an expected time back?

Thanks

B
bdolnikAug 16, 2016

Ok I got the Gallery functionality to work just by adding data-lightbox="gallery" to the div.

I'm still having problems with the scroll bar showing up under the images. I imagine it must be a margin thing because when I hover my mouse over the images, and the scroll right circle appears, the scroll bar goes away.

Would appreciate some guidance as I've been unable to fix it.

Thanks.

B
bdolnikAug 19, 2016

[sb_private_reply]Just wondering if you guys are going to have a chance to look at this? Been over a week now. I know you are having network problems, but is there some kind of time estimate of when you are going to be able to provide support for the theme again?

Thanks[/sb_private_reply]

S
SemiColonWebSTAFFAug 20, 2016

Hello,

[sb_private_reply]We Really Apologize about the Delay in replying to your Support Query and Truly Truly appreciate your Patience with us![/sb_private_reply]

We have tried checking this out for you but the Images are not showing up. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.

[sb_private_reply]The Network Issues with Support has been resolved and Support is back normally again.[/sb_private_reply]

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas. Thanks. :)

B
bdolnikAug 22, 2016

Sorry about that, they are showing up now. And please note, I've fixed everything on the page except for the scroll bar that is showing up. I can't figure out how to get rid of that. I think if we can just figure that out, everything else looks good.

B
bdolnikAug 25, 2016

[sb_private_reply]Support seems to have gone missing again? What kind of 'network problems' are you having? Maybe I can help... anway, could we get some kind of update on when you expect to have the problems resolved, and are going to start looking at these tickets again?[/sb_private_reply]

B
bdolnikSep 8, 2016

Would it be possible to get some help with this? It's just that last little bit that we can't figure out... how to get rid of the scroll bar.

S
SemiColonWebSTAFFSep 10, 2016

Hello,

Thank You for your Continued Patience with us!

We have checked out your Website and found that Some Custom CSS code in the css/custom.css File in the .white-section CSS Block which is causing the Scrollbar to appear. Please find this Code and delete it.

This will definitely solve this issue. Let us know if we can help you with anything else or if you find any further issues.

B
bdolnikSep 12, 2016

Well that code is what creates the white sections. If I delete it I lose the white sections which I don't want. That code is from your demo page for Selectors.

S
SemiColonWebSTAFFSep 12, 2016

Hello,

Not all the .white-section CSS Blocks needs to be deleted. We can provide you with the Exact Codes to delete but the URL: http://dev1.wbparts.com/rfq/5995-01-496-2412.html is not working for us anymore which is why we are unable to Check the Codes. Can you please provide us with an Updated and Valid URL so that we can provide you with the necessary fix asap. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

B
bdolnikSep 12, 2016

Can you try it now, it's working but maybe just a little bit slow.

S
SemiColonWebSTAFFSep 12, 2016

Hello,

Thank You so much for providing us with the Proper URL. We have checked out your CSS Codes and the Code which is causing this issue is in the css/wb-custom.css File: 

.col-md-6 .white-section {
	overflow: visible;
	overflow-x: auto;
}

However, we understand that you might need this Styling for the Dropdowns to work properly. So, it would be recommended that you simply add the .ohidden Class to the .white-section DIV which contains the Carousel. This will definitely fix this issue.

Thanks for your Patience. Do let us know if we can help you with anything else or if you find any further issues with Canvas.

B
bdolnikSep 12, 2016

That worked great. Thank you so much!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard