Adding a separation between the filtered list

Support
#1

I am using the grid plug in that comes with the X theme.

How do I add a separation between the filtered list?

Example:

All | Daytona Beach | Deland

Thanks!

#2

Hi Ali,

Thanks for reaching out.

The only option for navigation are colors, and no option for skin editor since it’s per grid. For that, please add this CSS to your grid’s custom CSS.

.tg-filters-holder > div {
     border-right: 1px solid #000 !important;   
}
.tg-filters-holder > div:last-child {
     border-right: 0px !important;
}

Hope this helps.

Thanks!

#3

Thank you very much. I added a grey background to the hover. But there seems to be a space on the left of all the hovers.

.tg-filters-holder > div:hover {
background-color:#f9f9f9 !important;
}

How do i eliminated that extra space on the left?

Thanks in advance.

#4

Hello There,

To eliminate the extra space, please update the code and use this:

.tg-filters-holder > div {
  border-right: 1px solid #000 !important; 
}

.tg-filters-holder,
.tg-filters-holder > div {
  margin-left: 0;
}

.tg-filters-holder > div:last-child {
  border-right: 0px !important;
}

We would loved to know if this has work for you. Thank you.

#5

Thanks…i applied your code to:
div.tg-filter.tg-nav-color.tg-nav-border.tg-nav-font.tg-show-filter

and it worked :slight_smile:

Thanks again for your help!

#6

You’re welcome!
Thanks for letting us know that it has worked for you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.