counter colour change

pwelhusen · January 2017

hi, i try to change the coulour of the numbers at the counter item.

i tried those two. maybe i put it on the wrong place or i did something else wrng but nothing happend.
I used it exactly like this. MAybe i used the wrong colour code? like #ffffff instead of hsl code?

.quick_fact .number-wrapper .number { color: #ffffff !important; }

.quick_fact .number-wrapper .number { color: #FFF !important; }
.style-simple .quick_fact .title { color: #FFF !important; }

Albert · January 2017

Hi,

please send us link to page where you did it so we can check if you did it right.

pwelhusen · January 2017

www.vonloehf.de

Albert · January 2017

Ok, thanks. So to change counter number colors, you need to use the following css:

.counter .desc_wrapper .number-wrapper { color: #FFF !important; }

but please remember that each css need to be put under Theme options > Custom CSS & JS > Custom CSS section.

robinwyatt · January 2017

Is it also possible to change their backgrounds? On my site, there are diagonal lines behind the counters and I would like to replace these with block white.

Albert · January 2017

You can remove them with the following css:

.counter { background-image: none !important; }

robinwyatt · January 2017

That did the job, thanks a lot!

counter colour change

Comments