Unordered List in Image Card

Site URL: https://carrot-bronze-bld8.squarespace.com/buying-guidelines

I'm trying to create an unordered list within an image card. I've tried the code below but it did not work. I'm using Brine 7.0. Page with the bulleted list is at https://carrot-bronze-bld8.squarespace.com/buying-guidelines.  Thanks!

/* Unordered list image card */
.design-layout-card .image-subtitle p:nth-child(n+2) strong:before {
    content: "•";
    padding-right: 5px;
}
.design-layout-card .image-subtitle p:nth-child(n+2) strong {
    font-weight: normal !important;
    display: flex;
}
.design-layout-card .image-subtitle p:nth-child(n+2) br {
    display: none;
}

For this image? Wellness Department

@tuanphan The image card I'd like to add the unordered list to has the title "Buying Guidelines" here: https://carrot-bronze-bld8.squarespace.com/buying-guidelines. Here's a screenshot as well. Thanks!

@tuanphan Thank you! 

Did you ever get this to work? If so how? I'm having the same issue. thanks! 

On 9/29/2023 at 1:28 AM, FluentStudios said:

Did you ever get this to work? If so how? I'm having the same issue. thanks! 

If you share link to page where you have problem, we can help easier