Search…

X3 Photo Gallery Support Forums

Search…
 
tsommer69
Topic Author
Posts: 10
Joined: 20 Feb 2021, 07:55

Changing colors on carousel navigation bullets

20 Feb 2021, 11:44

Is there a way to change the color of the highlight color (the current tab) in the carousel view? I use the dark skin and the gray highlight color is hard to differentiate from the white for the rest of the tabs. I'd like to make it a different color that stands out better.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Changing colors on carousel navigation bullets

20 Feb 2021, 23:08

Hi. Do you have a link? It's a bit hard to know exactly what layout you are using, although I assume carousel "tabs" layout like this?
https://demo.photo.gallery/examples/var ... usel-tabs/

If not, perhaps you are referring to the small circle dots below normal carousel?
https://demo.photo.gallery/examples/gallery/carousel/
 
tsommer69
Topic Author
Posts: 10
Joined: 20 Feb 2021, 07:55

Re: Changing colors on carousel navigation bullets

01 Mar 2021, 10:19

Yes, the small circle dots like at the bottom of https://demo.photo.gallery/examples/gallery/carousel/
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Changing colors on carousel navigation bullets

01 Mar 2021, 23:04

Yes it can be changed by applying your own CSS. Settings > Custom > Custom CSS:
Code
.owl-dot span {
  background-color: #990000 !important;
}
.owl-dot.active span {
  background-color: tomato !important;
}
.owl-dot:hover span {
  background-color: blue !important;
}
The above is just example colors obviously which you can replace with your own choice of colors. The three states are normal, active and hover.
 
tsommer69
Topic Author
Posts: 10
Joined: 20 Feb 2021, 07:55

Re: Changing colors on carousel navigation bullets

02 Mar 2021, 18:15

Perfect, thank you!