Docs

[huylam1]

Hi,

On my woo commerce page, when I add a Layered Nav Filter on the sidebar and have it displayed as ‘list’, there appears a white bullet hole behind the number of items. I’ve attached a screenshot so that you know what I’m talking about. How do I get rid of this.

Thank you.

[Prasant Rai]

Hello There,

Thanks for writing in!

Looks like you have change the stack. Can you please reinitiate integrity stack so we can take a closer look?

Thanks.

[huylam1]

Hi there,

I have changed the stack to ethos to see if the white circles disappeared, but they didn’t. I have attached a screenshot as well. I changed it back to integrity, and they are still showing. Please advise.

Thank you.

[Rahul]

Hey There,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[huylam1]

Hi there,

My URL is http://naokokamura.ca/illusion/shop/

Thank you.

[Thai]

Hi There,

To fix this issue, please add the following CSS:

.widget_layered_nav li .count {
    background-color: transparent;
    box-shadow: none;
    right: 15px;
}

Hope it helps 🙂

[huylam1]

Yes, that solved it! Thank you!

[Prasant Rai]

You are most welcome. 🙂

[huylam1]

Hi there,

After a little more testing, it appears that the white bullet circles have not fully disappeared. They are still appearing behind the number of items when you click on one of the filters. Here is the URL:http://naokokamura.ca/illusion/shop/?filter_style=womens&filter_products=eyeglasses. I have attached a screenshot. Please advise. Thank you.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.widget_layered_nav .chosen .count, .widget_layered_nav_filters .chosen .count {
    background-color: transparent;
}

Hope that helps.

[Author]

Posts