Border radius for filter button

[manbru]

Hello,

I want to give the filter check buttons a border radius. But you can see where I put in the code and It seems that the check boxes are svg images, so don’t know how to give them a border radius, without making them look like this which does not look great:

My store’s collection page: https://r1vex.myshopify.com/collections/all

[Made4uo-Ribe]

Hi @manbru

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.facets-vertical .facet-checkbox input[type=checkbox] svg {
    border-radius: 5px;
}

And save.

result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[BSSCommerce-B2B]

@manbru ,

Step 1: Go to Admin → Online store → Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before tag

Result:

[manbru]

Thanks man!