Issues with font color

Technical Q&A
, , ,
1

Hello, I have a problem with three things in my store template.

  1. the header when going down on the page turns black. Link

  2. the megamenu dropdown list has an invisible font color - white and I don’t know how to change its color to black. I tried to find the right path in the styles.css file (by which I probably destroyed the menu in point 1) Link

  3. after trying to change the background in the megamenu apparently I changed the background in one of the sidebars Link

  4. this font is the only one that stands out with its color against the entire page, even though the rest of the fonts are in white. Link

Could someone please help me?

Site URL: forgeofpower.com

Screenshot album: https://imgur.com/a/DFR13bk

2

Hi @adrianovsky

Let fix this one at a time.

Im not sure what color your using. But you can change.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

And save.

Result:

Made4uoRibe_0-1727190619477.png
Made4uoRibe_0-1727190619477.png1286×636 163 KB

let me know what fixed on this code and not.

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

3

adrianovsky_0-1727191242711.png
adrianovsky_0-1727191242711.png1585×827 48.6 KB

I added this code, but nothing changed. This code is displayed near the footer.

adrianovsky_1-1727191374708.png

4

@adrianovsky oh sorry can try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/style.scss.liquid->paste below code at the bottom of the file.
.megamenu_desktop .level_2 .level_3__item, .megamenu_desktop .level_2 .level_3__link {color: #000;}
5

As above, the code is located at the bottom of the page.

6

@adrianovsky yes bottom of the file just flow above step that it

7

adrianovsky_0-1727192559562.png
adrianovsky_0-1727192559562.png1582×843 53.2 KB

I did like you said, but this doesn’t helped. This code is still at the footers bottom.

8

@adrianovsky no sorry but you have wrong place code please flow below step

  1. Go to Online Store->Theme->Edit code
  2. Asset->/style.scss.liquid->paste below code at the bottom of the file.
.megamenu_desktop .level_2 .level_3__item, .megamenu_desktop .level_2 .level_3__link {color: #000;}

Note
not added any code footer please

9

Sorry I miss style tag, remove and paste it again. Thanks!

10

This helped only with Category, but in Support there is still a white background. In addition, by this change I can’t change anything in the editor.

11

Yes, if you would like to make dynamic changes, you will need a developer for that.

12

I fixed it, but I still have issue with black header. Password to store is: baufli