Change dot navigation to text or numbers

I managed to achieve this with css using “nth child” and “content” – would be nice if there was a setting for this in the plugin but if anyone else wants to do this here’s my css:

.et_pb_fh_post_carousel .owl-carousel .owl-dots button {
	width: 60px;
	height: 31px;
	text-indent: 0;
	color: white;
	background: #d11762;
}

.owl-dots button:first-child:before {
    width: 20px;  
    content: "Day 1";
}

.owl-dots button:nth-child(2):before {
    width: 20px;  
    content: "Day 2";
}

.owl-dots button:nth-child(3):before {
    width: 20px;  
    content: "Day 3";
}

You might want to add your own ID or class to the specific section you want to target or this will affect all of your sliders.

• This reply was modified 4 years, 2 months ago by Arkadia.
• This reply was modified 4 years, 2 months ago by Arkadia.