[SOLVED] Bold font not changing color

[zj]

Hi! I recently changed ther color layout of my website. Among other things I changed the color of my font. But as you can see, bold text (and by extension, headings and link text) is still purple for some reason. I searched my style.css file for the original purple (#fceaff) to try and find the source, but it's not there. So the font is sourcing the colour purple seemingly out of nowhere?

This is the code that affects the font in my style.css file. As you can see, the color is set to #8cd98c/green. But the bold text won't change accordingly. How do I make the bold text change as well? I've tried googling it but according to google nobody else has ever had this problem before XD

Code

 @font-face {
                font-family: PixelOperator;
                src: url('https://zj.neocities.org/fonts/PixelOperator.ttf');
            }

            @font-face {
                font-family: PixelOperator;
                src: url('https://zj.neocities.org/fonts/PixelOperator-Bold.ttf');
                font-weight: bold;
            }

            
              body {
                font-family: 'PixelOperator', sans-serif;
                margin: 0;
                background-color: #8cd98c;
                /* you can delete the line below if you'd prefer to not use an image */
                 background-size: 276px;
                color: #8cd98c;
                background-image: var(--body-bg-image);
            }

I have this line

Code

<link href="/style.css" rel="stylesheet" type="text/css" media="all">

in all my other pages.

[Kalka]

Dunno if it helps but I know that my code has a section for bold text in CSS, it looks like this :

strong {
        color: #B0C808;
      }

Perhaps you also have something like this too ?

[zj]

Dunno if it helps but I know that my code has a section for bold text in CSS, it looks like this :

Perhaps you also have something like this too ?

Hmm, no I do not. My bold text is (I think) a separate font. Where in your code do you place that section?

I guess that making a separate color setting for the bold font is what I need, but I have no idea how to create that. I've tried, to no avail

[zawieja]

I don't consider myself that well versed in CSS but I wanted to check if I can find a solution and it seems to me like #ED64F5 magenta color is affecting it, not the light purple you've mentioned?    likely lines like these in your CSS file in particular

Code

            h1,
            h2,
            h3 {
                color: #ED64F5;
            }

         
            strong {
                /* this styles bold text */
                color: #ED64F5;
            }

#container a {
                color: #ED64F5;
                font-weight: bold;

[zj]

I don't consider myself that well versed in CSS but I wanted to check if I can find a solution and it seems to me like #ED64F5 magenta color is affecting it, not the light purple you've mentioned?    likely lines like these in your CSS file in particular

Code

            h1,
            h2,
            h3 {
                color: #ED64F5;
            }

         
            strong {
                /* this styles bold text */
                color: #ED64F5;
            }

#container a {
                color: #ED64F5;
                font-weight: bold;

That's the one! Thank you!! :D