We have a carousel item in a global section, the carousel item have 8 fancy boxes in it. If you see the screen shot, the "dots" is left alligned, but they should be center. Any help for this please ?
I have added a screenshot also so you see what I mean and where in the page it is.
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):
.owl-theme[data-desktop-cols] .owl-dots {
justify-content: center !important;
}
Hi!
We have a carousel item in a global section, the carousel item have 8 fancy boxes in it. If you see the screen shot, the "dots" is left alligned, but they should be center. Any help for this please ?
I have added a screenshot also so you see what I mean and where in the page it is.
global section is here: https://test.bygghammar.com/?salient_g_sections=8-images-mallorca
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):
.owl-theme[data-desktop-cols] .owl-dots { justify-content: center !important; }Thanks
ThemeNectar Support Team
Thank you.