How can I reduce the filter section font size in Streamline theme?

Store Design
1

How can I make the font size of the filter section in the shop smaler?

Theme: Streamline

URL: https://www.cotiereofficial.com/collections/all

PW: test1234

Screen Shot 2022-06-02 at 13.06.24.png
Screen Shot 2022-06-02 at 13.06.24.png2880×1404 162 KB

1 Like
2

Hello @marcelp

  1. In your Shopify Admin go to online store => themes => actions => edit code

  2. Find Asset => theme.css and paste this at the bottom of the file:

.collection-filter__title {
    font-size: 14px;
}

.collection-filter__inner ul li span {
    font-size: 12px;
}

Also, please check the attached screenshot URLs:
For filter title font size => https://prnt.sc/_i6lFA9jErMl
For filter tags font size => https://prnt.sc/BBOFxP4tfTgX

Thanks.

1 Like
3

Do you know how I can change this on the mobile version too? The mobile version is still crooked.

4

Hello @marcelp

Yes, for the mobile version add the below CSS:

  1. In your Shopify Admin go to online store => themes => actions => edit code

  2. Find Asset => theme.css and paste this at the bottom of the file.

@media only screen and (max-width: 767px) {

.collection-filter__title, .collection-filter__inner ul li span {
    font-size: 10px;
}
.tag__checkbox:before{
	height: 12px;
	width: 12px;
}
.tag__checkbox {
    padding-left: 15px;
}
}

Please check the attached screenshot URL: https://prnt.sc/kVN7pvvy-Hg4

Thanks.