How do I change the button position for Carousel Pro? I need to move the button. Right now the button covers up part of my graphics and text.
You can view it on a mobile at www.holyhoster.com/man to see a demo.
I would like to move the button to the bottom left to mirror the ARROWS on the right.
I hope this can be achieved. Thanks!
Hi
Use this custom CSS
@media (max-width: 767px){
body .sppb-btn.sppb-btn-default.sppb-btn-rounded, body .sppb-btn.sppb-btn-primary.sppb-btn-rounded, body .sppb-btn.btn-primary.sppb-btn-rounded, body .btn.sppb-btn-default.sppb-btn-rounded, body .btn.sppb-btn-primary.sppb-btn-rounded, body .btn.btn-primary.sppb-btn-rounded {
position:relative;
top:115px;
}}
Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Hi,
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Here is the screenshot:
https://holyhoster.com/screenshot/button.pngscreenshot:
https://holyhoster.com/screenshot/button.png
You will see the Casting Crowns event. The Carousel Pro button defaults to the same location. On this slide it covers the faces of the people.
I need to move the button to the bottom of the image...just like the navigation buttons are at the bottom right.
Hopefully this is possible.
Thanks
Hi,
I cant access your site. Please check.
Sorry for the long delay to respond, I inserted the link but Joomshaper's Forum software repeated the link twice which is why you could not access my site. I'll try to add the link again. https://holyhoster.com/screenshot/button.png
If you see the URL is repeated, then only use holyhoster.com/screenshot/button.png
Thanks.
