Text Color on Summary Block Won't Change

Hi, I'm trying to change the color of a Summary block heading/title element but it's not working. As of right now, this is what I've got. The color remains the same no matter what color is specified, whether '!important;' is included or excluded, and whether I have both .summary-heading & .summary-title specified or just .summary-title.

I'm not sure what's going on and I'm looking for some advice. Is it inheriting its current gray color from somewhere?

#block-yui_3_17_2_1_1611604992997_6291 
.summary-heading,
.summary-title {
  color: hsl(196, 100%, 93%) !important;
  margin-top: 30px !important;
  font-size: 1rem !important;
  text-align: center !important;
  pointer-events: none;
  font-family: cabin;
}

Hi. Can you share link to page where you use summary block? We can take a look

Quote

 

I have the same issue- there is one block (ending in e4c7) that will not change either. I have the same effect on several pages and it won't work here

//larger title font on project page-media//

@media screen and (max-width: 768px) {
#block-yui_3_17_2_1_1590076520498_4551, #block-0cade38525a7ea487815, #block-206175b0d9ba3902e4c7 .summary-title {
    position: relative;
  top: 0%;
  text-align: center;
  font-size: 24px!important;
  }
 

#block-0cade38525a7ea487815, #block-206175b0d9ba3902e4c7 .summary-excerpt {
    position: relative;
  top: calc(0% + 5px);
  text-align:center!important;
  font-size: 10px!important;
  }
}

On 2/10/2021 at 2:43 AM, deaton72 said:

I have the same issue- there is one block (ending in e4c7) that will not change either. I have the same effect on several pages and it won't work here

 

//larger title font on project page-media//

@media screen and (max-width: 768px) {
#block-yui_3_17_2_1_1590076520498_4551, #block-0cade38525a7ea487815, #block-206175b0d9ba3902e4c7 .summary-title {
    position: relative;
  top: 0%;
  text-align: center;
  font-size: 24px!important;
  }
 

#block-0cade38525a7ea487815, #block-206175b0d9ba3902e4c7 .summary-excerpt {
    position: relative;
  top: calc(0% + 5px);
  text-align:center!important;
  font-size: 10px!important;
  }
}

 

 

Can you share link to page where you use Summary? We can help easier