Hello,
I use the UrbanEdge template.
Here is the sidebar of my site: https://www.gamerstones.com/techalert/this-robotic-exoskeleton-enhances-walking-efficiency/
I want my sidebar posts to appear in numbers like this sidebar:
https://www.techexplorist.com/researchers-reveal-how-brain-transforms-sensation-into-action/90785/
Hello,
Please add this class to the block td-numbered-post-flex and add this code in a raw CSS https://i.imgur.com/2EpPwHa.jpeg -> https://i.imgur.com/uOHyM9l.png
.td-numbered-post-flex .td_block_inner {
counter-reset: section;
}
.td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
counter-increment: section;
content: counter(section);
color: #d2dae1;
border-radius: 50%;
font-family: PT Serif, Serif;
font-size: 42px;
line-height: 1;
display: inline-flex;
position: absolute;
right: 0;
bottom: 10px;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
font-size: 30px;
}
}
Thank you!
Hello,
I made little changes to the code:
.td_block_inner {
counter-reset: section;
}
.td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
counter-increment: section;
content: counter(section);
color: #767676;
font-size: 22px;
font-weight: 500;
line-height: 1.3;
text-align: left;
display: block;
position: absolute;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-numbered-post-flex .td_block_inner .td_module_flex_1::before {
font-size: 20px;
}
}
But the numbers and the titles overlap with one another. I want numbers to come first followed by some space and then the titles.
Hello,
You need to adjust it as you want. Please provide some screenshots and the link to your website.
Also, you can create a module that have this function without using CSS code -> https://forum.tagdiv.com/modules-builder-newspaper-theme/
Thank you!
