How can I adjust the filter size in my site's vertical sidebar?

Hey everyone!

When going to a category I have the vertical filter on the left side. I basically want to increase the Size and make the writing thick of “Sort by:”. I also want to increase the size of the other filter options but the header Sort by: should be bigger. Here’s an example of another shop and what im trying to aim for: https://ricksretro.co.uk/shop

Here’s the link to my preview: https://camvh2vm1sxs821i-60672934051.shopifypreview.com

Thank you in advance!

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > style.css and paste this at the bottom of the file:
select#sortBySelect {
background-color: transparent;
border: 0;
border-radius: 0;
font-size: 1.4rem;
height: auto;
line-height: calc(1 + .5 / var(--font-body-scale));
margin: 0;
padding-left: 0;
padding-right: 1.75rem;
}
#sortBySelect option {
font-size: 15px;
}

Hey thanks for the response! I was talking about the filter on the left tho, my mistake I meant “Shop by” not “Sort by” and the first link was just to show what it should look like, this is the link to my shop https://camvh2vm1sxs821i-60672934051.shopifypreview.com

Hey there! Would be glad to help you out. Nice store design by the way.

To edit the “Shop by” title, do you know how to get to your “collections” code file?

Thank you!

no I don’t unfortunately

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > style.css and paste this at the bottom of the file:
#filter-panel h2 {
    margin: 0 0 1.5rem;
    font-size: 1.5rem;
}
.shop-filter-title-text {
    font-size: 1.4rem;
    padding: 0 1.75rem 0 0;
}
label#sale-filter {
    font-size: 1.4rem;
}

Hey thanks again! but the picture you sent is not my store, my store is the following https://42pkgnz5nm1at19t-60672934051.shopifypreview.com , and it didn’t work on my store. Im using dawn theme 10.0 by the way

No problem. On your admin page, click the three dots next to your theme, and in the menu that appears, click on Edit code.

You should be taken to the code files. Once you’re in, you should see a search bar. Type in this search bar: “collection”.

What file names come up?

Hey again! here’s a screenshot.

Ok great. By the way, can you resend your store preview link? The other one is broken. Thanks!

https://z0wd2u6ebjpa6hfa-60672934051.shopifypreview.com