Hi @eleventyseventy,
Glad to hear that you love the plugin. Please try the below CSS in the plugin settings custom CSS field. See the screenshot for a better understanding.
#sp-wp-carousel-free-id-104.sp-wpcp-104 .wpcp-single-item {
padding: 10px;
border: none;
}
[Note: Replace the shortcode id with yours. In my case, it is 104. Adjust the padding as per your need.]
Hope the CSS will work to create a gap between the left and right images. If somehow the CSS doesn’t work then please share the page link where you kept the carousel.
Let us not if it works or not. Thanks.
@eleventyseventy
P.S note: See the screenshot for a better understanding.
Hi @khalilu and thanks for replying and for the CSS
It does work to make the padding greater e.g. if I change it to 100px, the gap increases but if it set to e.g. 1px or 0px, it doesn’t change.
It’s not a huge problem though, I just thought it would be good to play around with the gap to see what it looked like. The site is https://professionalphotographer.me/
Hi @eleventyseventy,
Thanks for appreciating us.
We thought you wanted to increase the padding between the images that’s why we gave the previous CSS. Kindly use the below CSS which will help you to increase/decrease the gap between the images.
.wpcp-carousel-section.slick-initialized .slick-slide{
margin-right: 0px !important;}
.wpcp-carousel-section.nav-vertical-center {
padding: 0px 0px !important;
}
Change the margin, padding value as per your need.
Hope you find this helpful.
Hi again
That’s great, much appreciated – Works perfectly – Thanks again for taking the time to help 🙂
Hi @eleventyseventy
Happy to see that it works perfectly now. Keep us inspired by posting a positive review on the plugin review section. 🙂
Thank you so much!
I used this answer as well, but still out of alignment (see this page please)
