The Grid - Customize Filter Appeaeance

[design310]

Currently using The Grid to display portfolio. Thusfar, I’ve been able to set it up exactly how I want with some customization, however, I would like the first tab (ALL) to remain a specific color regardless if it is not active or being hovered over. I want the other categories to remain responsive and change, but not the first tab. Is there a way to do this with some simple CSS?

[mldarshana]

Hi Juanita,

Thanks for writing in! You can check filter related settings on their documentation here (https://theme-one.com/docs/the-grid/#filter_settings).

If you’re still having issues, please provide us with a URL to your example page so that we can check and assist you with a possible workaround.

Thanks!

[design310]

Thanks for your quick response. I reviewed their documentation several times before reaching out to them. However, they directed me back to Theme X. From the info they provide I can’t determine if it is possible to make the ALL filter remain a different color from the other portfolio categories filter.

[paul.r]

Hi,

You can try adding this in Theme Options > CSS

.tg-filters-holder .tg-filter:first-child span {
   color:Red !important;
}

Change red with the color that you like.

I’ll list below some CSS/HTML resources that should help you to carry on these modifications on your own in the future:

Thanks