Jump to content

Custom CSS code not rendering in homepage banner description

Recommended Posts

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


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.


/* 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!!


Link to comment


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!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.