Hi,
I’m working om this: https://lapauline.nl/wp/price-slider/
But I want only to show 3 slides (or less with smaller screenport) and the slide navigation buttons outside, like the image attached.
I can’t find out how to get this. Can you please help?
THX, Carel
Hi Carel,
I would suggest you add the Standard Testimonial Carousel Slider into your page and add the Shortcode into the JSON provider to render into your slider. I went ahead and created a Test page with a similar setup, you can check and replicate the same.
https://lapauline.nl/wp/test-by-themeco/
Hope it helps.
Thanks
Hi,
I put in the JSON provider your example and it’s getiing the right content now but hor can I get the set up like the image I send with 3 slides with the Slide navigation outsite? See what I have done at https://lapauline.nl/wp/test-by-themeco/
Hello @cvdw,
You need to disable the Global Container in your Row element.
In your Content Wrapper element, you need to enable the Global Container:
In your Slide Navigation element, you will have to set a maximum width of 1200px:
And lastly, set the left/right margin to auto:
Hope this helps. Kindly let us know how it goes.
Hi,
I followed your instructions in both sliders at our test page but no result as far I can see…
Hello @cvdw,
Since you have added the navigation inside the Slider Container, you will have to set a negative margin to the left and right of the Pagination element. The width of the arrow is around 60 pixels which means that you can use a -60px left/right margin.
Check out the slider on the bottom of the test page.
Okay, we are getting there but now it’s not responsive for smaller screens…
Hey @cvdw,
On smaller screens, you can adjust the responsive styling and adjust the margins to a smaller number.
if you are not familiar with the Responsive Element Styling, kindly check this out:
Best Regards.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
