Filter/sort drop down & contact form boxes theme colour

Store Design
1

Hello,

I have sorted the majority of my theme out but there are a few things I can’t seem to change.

I need the product filter and sort drop down boxes and the contact form to match my theme.

Here is the current contact form:

Lewcidity_0-1713791900944.png
Lewcidity_0-1713791900944.png2203×1142 36.3 KB

I need the back ground to be black, font to be #EC0000 and box/button outlines to also be #EC0000.

Here are the filter and sort drop downs:

Lewcidity_1-1713792003442.png
Lewcidity_1-1713792003442.png853×476 38 KB

Lewcidity_2-1713792018659.png
Lewcidity_2-1713792018659.png763×442 22.8 KB

Lewcidity_3-1713792035331.png
Lewcidity_3-1713792035331.png411×439 24.3 KB

I would like these colours to be the same as the contact form. Black background with the font as #EC0000 and #EC0000 as the box outline.

My URL is OMORFIA Clothing (onlyomorfia.com)

Password is: Shopify1234

2

Hi @Lewcidity

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

3

Hi @theycallmemakka

Thank you for your response.

I have implemented your code and some things still remain.

Filters:

Lewcidity_0-1713809424679.png
Lewcidity_0-1713809424679.png736×445 20.4 KB

Lewcidity_1-1713809438438.png
Lewcidity_1-1713809438438.png738×446 27.1 KB

The sorting has been fixed, so that’s great.

The contact page button:

Lewcidity_2-1713809510109.png
Lewcidity_2-1713809510109.png836×686 8.87 KB

Thank you for your time,

Lewis

4

Hi @theycallmemakka

I have replied to your answer, if you are available please could you respond?

thank you,

Lewis

5

Hi @Lewcidity ,

can you add few products on the collection? As there are no products, I cannot review the fliters.

For the button, you can add below code at the end of theme.liquid
6

Hi @theycallmemakka

That’s the contact page button sorted, thank you.

With regards to products - I have added some test products on the “shop” > “all items” link.

Let me know if you come across any more issues.

Thank you,

Lewis

7

Hi @Lewcidity ,

I still do not see any products

theycallmemakka_0-1714012598485.png
theycallmemakka_0-1714012598485.png1859×790 44.2 KB

8

Hi @theycallmemakka

It seems like you have a filter on, if you click “remove all” it should show the products for you.

thank you,

Lewis

9

Hi @theycallmemakka

I understand you may be busy but if you could take another look at this I’d really appreciate it.

If you click “remove all” on the screenshot you shared that should remove the filters for you.

Thank you,

Lewis