Brooklyn vendors filtering padding or border

Store Design
1

I am using the Brooklyn theme. I’ve added the following code to show product vendors on the collection page. It works but it looks really messy because there’s nothing separating them. Is it possible to add a border or padding to this?

{% if collection.url != blank %}

Brands

{% for product_vendor in collection.all_vendors %}

{% if current_tags contains product_vendor %}
{{ product_vendor }}
{% else %}
{{ product_vendor }}
{% endif %}

{% endfor %}
{% endif %}

It looks like this right now.

Screenshot 2022-06-12 021023.png
Screenshot 2022-06-12 021023.png1722×295 35.2 KB

I used to use the following code for padding/border for tags in the theme.scss.liquid but its not working for this.

.tags–collection li {margin: 0 px 5 px ;}
.tags a {padding: 8 px 15 px ; background: #f6f6f6;}
.tags–active a {color: #fff; background: #a56600;}

Does anybody have a solution for it?

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

1 Like
3

Hi,

the website is: https://metimestore.nl/

and password is: Passpass01