How To Make Bullet List Post?

Posted in: Newspaper
Post count: 4
lintas17
#487820
Sep 30, 2023 at 9:39 am

Hi,
How do I make a bullet list post like is being shown in the demo https://demo.tagdiv.com/newspaper_insightai_pro?

I have tried to import it from the cloud templates but it doesn’t work for my website.

Thanks.

Post count: 27744
Anamaria
#487907
Oct 2, 2023 at 9:08 am

Hi,

The bullet list is made with a custom css and an extra class on the block https://i.imgur.com/VsMFT1F.png ->
.td-numbers {
counter-reset: numbers;
}
.td-numbers .td_module_flex {
display: flex;
}
.td-numbers .td_module_flex .td-module-container {
flex: 1;
}
.td-numbers .td_module_flex:before {
counter-increment: numbers;
content: counter(numbers);
background-color: var(--insight-purple);
color: var(--insight-turquoise);
border-radius: 66px;
width: 31px;
height: 28px;
display: block;
text-align: center;
line-height: 28px;
margin-right: 10px;
}
@media (min-width: 768px) and (max-width: 1017px) {
.td-numbers .td_module_flex:before {
width: 52px;
height: 30px;
line-height: 30px;
}
}
@media (max-width: 767px) {
.td-numbers .td_module_flex:before {
width: 62px;
height: 30px;
line-height: 30px;
}
}

Set the code in a Raw CSS.

Thank you!

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.