After writing out that which appears below I realise help I am asking for might be outside the scope of support for Owl Carousel. The plug-in itself is working as it should. It is functions within this plug-in that I want to emulate for the rest of the content that appears on my site.
I am using Owl Carousel and it works great. I wish to adapt some of the CSS and/or javavscript to the rest of the page displaying the carousel but have hit a wall and hoping someone can assist.
This link http://carouselhelp.position-is-everything.com/ will demonstrate how I am using the carousel and somewhat of what I want. I want the divs below the carousel to have the same widths, same gutters and be 4 across like those in the carousel. I am close for the layout of 4 across is achieved if the browser is at it's widest, but reduces to 3 across and 2 across, etc. as the browser window width decreases. I would like 4 across for the carousel and 4 across for the non-carousel divs below it. The carousel would be left to paginate according to how wide the browser window is and the user clicking one of the buttons just below the carousel viewing area
Setting up Owl Carousel these options were set for the number of panels to be displayed in the carousel at different sizes of windows and want similar guidelines:
I have somewhat been able to achieve the look of the carousel. Dissecting the page in Firebug, jQuery wraps a few divs around the ones initially hard-coded as
class=owl-carousel but I can't really tell what they do even with examining the associated css.
I realise the widths of the divs in carousel are calculated are set on-the-fly but my jQuery skills are not there yet. Can someone help?