custom Change carousel number colours?

[sarahmorrison]

Hello!
Could anyone help with changing the colour of my carousel numbers ("1/4" etc.) project to project?
I have my numbers set to white as default which works well on all my projects that have black or dark coloured backgrounds.
But on my projects with light coloured backgrounds I can't see the numbers?
Many thanks!

[alasdair17]

@sarahmorrison hey, there might be a cleaner option but this should work:

Right click on the carousel number on the difficult to read slide, inspect (on Chrome browser), a <p> tag should be highlighted like: <p>1/1</p>, right click this and go to Copy and then Copy Selector.

Now go into your Custom CSS and paste this code in, add brackets and then the colour value you want in between - it should look something like this:

#grid > div > div > div > div.row.one-col-row.row-col-amt-1.absolute-positioning-vertically-in-apl.no-y-offsets._100vh.no-row-hoverimage.has-background.row-id-21.row-11.fp-slide.fp-table.active > div > div.row-inner._100vh > div > div > div > p {

color: red;

}

There will be a much cleaner option but this should work for now. Cheers.

[arminunruh]

very good

yea basically read this:

https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page