Change text color on Summary Grid

Site URL: https://carrot-bronze-bld8.squarespace.com/4-friday-community-shopping-day

I need to change the titles of this summary block to orange, as well as the dollar amount totals. I'm not finding an easy way to specify this in CSS. Thanks!

1 hour ago, mackenzieu said:

Site URL: https://carrot-bronze-bld8.squarespace.com/4-friday-community-shopping-day

I need to change the titles of this summary block to orange, as well as the dollar amount totals. I'm not finding an easy way to specify this in CSS. Thanks!

try

#block-yui_3_17_2_1_1635878713899_45132 .summary-title {
  color: #e85a2d;
}
#block-yui_3_17_2_1_1635878713899_45132 .summary-excerpt > p strong:last-child{
  color: #e85a2d;
}

@bangank36wonderful! Thank you!

Im having a difficult time changing the text color for my summary block where I feature my three products. For whatever reason one product has white text and the other two have dark colored text. Ive tried CSS codes and they only seem to alter the color of one while the other two don't change. Any ideas here?

On 3/21/2023 at 12:59 PM, klar said:

Im having a difficult time changing the text color for my summary block where I feature my three products. For whatever reason one product has white text and the other two have dark colored text. Ive tried CSS codes and they only seem to alter the color of one while the other two don't change. Any ideas here?

Hi,

Can you share link to this page? We can help easier

or you can try this CSS

[enter-data-section-id (whole the code show in top of your screenshot)] * {
	color: white !important;
}

I am having the same issue with a summary block. There are multiple on the page so I've targeted one in the left sidebar by using the yui tag and copying the code from above, but no luck. Trying to make it white since the background is blue.

https://chiton-butterfly-dmn3.squarespace.com/

This is what I have:

#block-yui_3_17_2_1_1695072154235_637 .summary-title {
    color: white !important;
}

#block-yui_3_17_2_1_1695072154235_637 .summary-excerpt > p strong:last-child{
    color: white;
}

On 9/19/2023 at 4:34 AM, crba said:

I am having the same issue with a summary block. There are multiple on the page so I've targeted one in the left sidebar by using the yui tag and copying the code from above, but no luck. Trying to make it white since the background is blue.

https://chiton-butterfly-dmn3.squarespace.com/

This is what I have:

#block-yui_3_17_2_1_1695072154235_637 .summary-title {
    color: white !important;
}

#block-yui_3_17_2_1_1695072154235_637 .summary-excerpt > p strong:last-child{
    color: white;
}

Use this code

div#block-2a5e9010ab49051c14bf .summary-title-link {
    color: white !important;
}