Help please to change font colour of drop down menus in the collection filters (dawn theme)

Store Design
1

Thanks as always all,

My filter boxes have white text in the second tier of drop downs, how can i please change this to black? You can see below the issue;

p1simgear_0-1663330411960.png
p1simgear_0-1663330411960.png892×584 72.1 KB

Store is: p1simgear.com.au

pw is: P1test%

Thanks!

1 Like
2

Hi,

Sure, let me fix it quickly for you. :slightly_smiling_face:

1 Like
3

@p1simgear

Please add the following CSS code to your assets/base.css bottom of the file.

.facets-container .list-menu__item {color: #000 !important;}

Thanks!

1 Like
4

Hi,

Please add the below CSS and check:

label.facet-checkbox {
    color: #000;
}
1 Like
5

Perfect, thanks so much @Prezentech ! Superstar!

6

@p1simgear

Thanks! welcome again!

1 Like
7

Hi @Prezentech , sorry i just realised, this fix worked perfectly on the desktop, but on mobile the filter box text is still white. How can i please change that to black also?

thanks!

8

Hi @p1simgear

Please add the below CSS and check.

li.mobile-facets__item.list-menu__item {
    color: #000;
}
9

Thanks @Prezentech , but that didnt seem to work, the mobile fonts are still white:

p1simgear_0-1663582056248.png
p1simgear_0-1663582056248.png1032×826 33 KB

Thanks!

10

Hi @p1simgear

Can you please add the CSS in the base.css file and save it again?

li.mobile-facets__item.list-menu__item {
    color: #000 !important;
}

It will work as expected for you.

11

Still no joy sorry @Prezentech , the last tier of the filter menu on mobile remains white!

12

@p1simgear

Please add the following CSS code to your assets/base.css bottom of the file.

.mobile-facets .list-menu__item {
    color: #000 !important;
}