custom Change carousel number colours?
-
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! -
@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.
-
very good
yea basically read this:
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it