Hey guys...hopefully another quick one. Wondering if there is a way to simply move the Carosel Pagination indicator center bottom. Currently because of the navigation elements I'm unable to do this as I cant isolate it in the inspector. Is there possibly some quick css that will allow me to control this for both desktop and mobile?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.flickity-page-dots {
top: auto !important;
bottom: -68px !important;
}
Hey guys...hopefully another quick one. Wondering if there is a way to simply move the Carosel Pagination indicator center bottom. Currently because of the navigation elements I'm unable to do this as I cant isolate it in the inspector. Is there possibly some quick css that will allow me to control this for both desktop and mobile?
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.flickity-page-dots { top: auto !important; bottom: -68px !important; }Thanks
ThemeNectar Support Team
Works great! Thank you!
I believe I should be able to add the standard screen breaks so this works on mobile correct?
Hello Eric,
Thanks for writing back.
Please adjust the dots position by adjusting this CSS:
.flickity-page-dots { bottom: 4px !important; }I hope this proves helpful for you. If you have any more questions or run into any problems, please feel free to reach out.
Best regards,