Use a background image instead?

Hi Max,

The link you provided doesn’t seem to work. Do you have a live example you can show me?

Thanks very much – and sorry yes of course. Here it is…

LINK

Max

OK, then do you have a link to your site where you are using Owl Carousel? The CSS styles often are impacted by the theme, so it’s best for me to provide you some styles based on your actual site. Thanks!

Sorry, just had to upload it! Here it is: https://pitfarmtennis.co.uk/cms/ (near bottom, based on Bones theme)

I tried to add Owl Carousel via the actual code, but could never seem to get the css and/or javascript working.

Very many thanks,

Max

I am aiming to replicate the sample image I uploaded here. So would love to be able to show some of the next third image without having to move the arrows to make it clear that you can scroll through the images.

Also I would really like to have the text in the center of the area, blur the image and have the left/right arrows within the image area.

Best,
Max

I think there’s an issue with the “Advanced Settings”. Go in there and enable Advanced Settings, then for all the responsive fields put “3”. Let me know how that goes.

Thanks very much for the response.

I can’t see any difference – just to be clear I am aiming for the images to crop when you resize the browser, instead of squish – like the background image at the top of the page.

Here is the link to screenshots of my settings page as it stands live on the site atm.

Very many thanks,

Max