Changes to child don't appear on page

Hoping to get a reply???
site is jliacademy.org. moesia is running. front page “about” section is 193-3-0. In child theme I have this:
#pgc-193-3-0 {
background-color: transparent;
color: #222;
padding-bottom: 2px;
margin-bottom: 2px;
}

However, when I look at the page font is white (invisible) and inspection shows this:
#pgc-193-3-0 {
background-color: transparent;
color: #fff;
padding-bottom: 2px;
margin-bottom: 2px;
}

I changed the #fff to #222 today. Is there a delay? Do I just need to wait? I’ve refreshed numerous time and opened and closed browser . . . ??? This is so frustrating, and I want to like and use this theme. Please please help.

Hello there,

Try to set highest priority execution by adding an !important argument. So your final code should look like this:


#pgc-193-3-0 {
   color: #222 !important;
}

You don’t have to rewrite the same value as it produces the same output.

Regards,
Kharis