mackenzieu Posted November 4, 2021 Share Posted November 4, 2021 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; } Link to comment
tuanphan Posted November 7, 2021 Share Posted November 7, 2021 For this image? Wellness Department Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mackenzieu Posted November 7, 2021 Author Share Posted November 7, 2021 @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! Link to comment
Solution tuanphan Posted November 8, 2021 Solution Share Posted November 8, 2021 #1. It is .design-layout-collage, not .design-layout-card #2. The subtitle has 1 p only, so nth-child(n+2) won't work, try nth-child(n+1) or :first-child or nth-child(1) .design-layout-collage .image-subtitle p:nth-child(n+1) strong:before { content: "•"; padding-right: 5px; display: inline-block; } .design-layout-collage .image-subtitle p:nth-child(n+1) strong { font-weight: normal !important; display: flex } mackenzieu 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mackenzieu Posted November 8, 2021 Author Share Posted November 8, 2021 @tuanphan Thank you! Link to comment
FluentStudios Posted September 28 Share Posted September 28 Did you ever get this to work? If so how? I'm having the same issue. thanks! Link to comment
tuanphan Posted October 3 Share Posted October 3 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment