Solved Templates

.badge class is always white, therefore can't be seen on search page

Asked by Peter Dowse 4 years ago Last activity 4 years ago

Hi Guys,

It seems that every single template has the CSS of 

.badge {
    color: #fff;
}

Which means that on the search page, the number of searches can't be seen as it's inevitibly white text on a white background.
Screengrab
https://snipboard.io/LQq8pz.jpg

and I have to update this CSS on every template so it displays
Screengrab
https://snipboard.io/lKCdOa.jpg

Is there any reason for having the .badge class as white as it doesn't make much sense?

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
4 years ago

OK I will inform our DEV team about it so that they will take care of it.

Thanks.

4 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi,

Thanks for contacting us. If you want then you can change the color too. Just give me that specific page link then I will help you to change that color.

-Regards.

Peter Dowse Asked this
4 years ago

I know how to change it - I add custom CSS to every template.

My question is more concered with why the .badge class is white and if this is an oversight by the Dev team.

I'm not sure if that class is used in other areas of websites, but if it's only used on the search page, it's hiding the number displayed on search pages as it's white text on a white background.

Peter Dowse Asked this
4 years ago

Thank you :-)

Mehtaz Afsana Borsha Staff
4 years ago

You are most welcome.

Log in to reply.