Custom CSS code not rendering in homepage banner description

Site URL: https://www.sagesearch.com/

Hello,

My CSS isn't rendering on the website homepage.  See attached custom css.  The banner description text under the heading should be bold, a larger font, and not italic but the code isn't affecting the frontend.

https://www.sagesearch.com/

/* Homepage Banner description text */
#yui_3_17_2_1_1619469022991_48 > em {
    font-weight: bold !important;
    font-size: 23px !important;
    font-style: normal !important;
}

Thanks in advance!!

Hello!

Part of the problem is that you're targeting the element using the YUI ID. Targeting elements with YUI on Squarespace is difficult because those IDs change frequently. YUId's change whenever you refresh the page -- although, sometimes less frequently.

Because the block identifier won't detect the banner block itself, you'll want to target the div instead. You can inspect the element to find the ID/div that contains the "em" class.  If you have multiple sections with banners, you'll want to use the "Collection" ID before the code to make changes to each section as opposed to applying site-wide Custom CSS that applies to all banners. Try the following:

.desc-wrapper em {
font-style: normal;
font-weight: bold;
}

Hope this helps!