The Grid - How to customize navigation elements

Support
#1

Hey there!

I am unable to find any option to change colour on hover and other details about my navigation elements (filter, bullets, arrows) for “The Grid”. Its pretty tough to find any solutions because of the simple plug-in name aswell…

Do i need to use the css modifyer to make any changes? Hope you guys have some ideas to this topic.

Thanks in advance!
Richard

#2

Hi there,

Thanks for writing in.

Yes, you’ll have to use custom CSS since there is no such option to alter its styling. What kind of filter you’re using, inline or dropdown? Would you mind providing your site’s URL that has this filter?

For the meantime, you may add this custom CSS to your global custom CSS for inline type filter.

 .tg-nav-border, .tg-dropdown-holder:hover, .tg-search-inner:hover, .tg-sorter-order:hover, .tg-disabled:hover i {
    border: 2px solid #C0C0C0;
       background: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 36px;
}
.tg-nav-border:hover, .tg-page-number.tg-page-current, .tg-filter.tg-filter-active:not(.tg-dropdown-item) {
    border-color: #2fbfc1;
background: #ccc;
}

Please change the color and styling according to your preference.

Thanks!