Ciodensky Posted November 7, 2021 Share Posted November 7, 2021 Site URL: https://www.xystema.com/pricing I changed the bullet icon of my list to checkmark with the following code. section[data-section-id="6177d1eb3dfe9850e25d20a6"] {ul[data-rte-list] li>*:first-child::before { content: "\2713"; font-weight: 400; font-size: 15px; top: 8px; color: green; } } Now, I want the sub-level encircled in red below to be in different bullet icon like ">". Can someone help me with this? Many thanks. My website password is 061298. Link to comment
tuanphan Posted November 8, 2021 Share Posted November 8, 2021 It looks like you removed sub level items? I don't see them here https://www.xystema.com/pricing Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Ciodensky Posted November 8, 2021 Author Share Posted November 8, 2021 7 minutes ago, tuanphan said: It looks like you removed sub level items? I don't see them here https://www.xystema.com/pricing Oh yes! I just temporarily put sub levels in a sentence. I am putting it back now. Link to comment
Ciodensky Posted November 9, 2021 Author Share Posted November 9, 2021 23 hours ago, tuanphan said: It looks like you removed sub level items? I don't see them here https://www.xystema.com/pricing Hi @tuanphan, I already put back the sub-level bullet lists on the Mender package. https://www.xystema.com/pricing password: 061298 Link to comment
Solution tuanphan Posted November 9, 2021 Solution Share Posted November 9, 2021 8 hours ago, Ciodensky said: Hi @tuanphan, I already put back the sub-level bullet lists on the Mender package. https://www.xystema.com/pricing password: 061298 Use this CSS ul[data-rte-list] li ul li p:before { content: "\e006" !important; font-family: 'squarespace-ui-font'; transform: rotate(90deg); } Ciodensky 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Ciodensky Posted November 12, 2021 Author Share Posted November 12, 2021 On 11/9/2021 at 9:01 PM, tuanphan said: Use this CSS ul[data-rte-list] li ul li p:before { content: "\e006" !important; font-family: 'squarespace-ui-font'; transform: rotate(90deg); } Hi @tuanphan, Perfect! Thank you so much! You're always my lifesaver. I just want to know where you get the bullet icon, I would like to change it. I have a source (toptal.com) but the bullet icon I want is not there, if you mind? Link to comment
tuanphan Posted November 14, 2021 Share Posted November 14, 2021 On 11/12/2021 at 9:48 AM, Ciodensky said: Hi @tuanphan, Perfect! Thank you so much! You're always my lifesaver. I just want to know where you get the bullet icon, I would like to change it. I have a source (toptal.com) but the bullet icon I want is not there, if you mind? I used Squarespace Font Icons. You can see list here (some of icons, still trying to fetch all icons) https://tuanphan.squarespace.com/ss-ui-fonts?noredirect Pass: abc You can also try FontAwesome Icons, Google Icons,... https://fontawesome.com/ Can you send the image of bullet icon what you want? Ciodensky 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Ciodensky Posted November 15, 2021 Author Share Posted November 15, 2021 22 hours ago, tuanphan said: I used Squarespace Font Icons. You can see list here (some of icons, still trying to fetch all icons) https://tuanphan.squarespace.com/ss-ui-fonts?noredirect Pass: abc You can also try FontAwesome Icons, Google Icons,... https://fontawesome.com/ Can you send the image of bullet icon what you want? I looking actually of outlined circle but I am okay already with what I got. Thanks for sharing the site and I greatly appreciate your response. 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