This message is visible to Moderators only
hidden content
Hi Radek,
You can try this custom CSS:
.item-page.project-page ul > li{
padding: 0 0 18px;
font-weight: normal;
font-family: 'Barlow', sans-serif;
color: #fff;
}
.item-page.project-page ul > li:before {
content: "\f00c";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 12px;
width: 20px;
height: 20px;
background: #C9504A;
color: #fff;
padding: 6px;
font-size: 8px;
border-radius: 50%;
line-height: 1;
}
saguaros
Hi Saguaros,
Thanks for reply, it helped however...
text is not displayed in the middle of the icon (bullet). See attached screeshot:
I don't know how to tune it up. Can you help?
Best,
Radek
I added this override css:
.item-page.project-page ul > li:before {
position: relative;
top: -3px;
}
You can adjust the value for 'top' property as above.
You can try this:
.item-page.project-page .project-details ul > li:before {
content: none;
}