Numbered counter with circle border

Posted in: Newspaper
Post count: 2

Is it possible to make a numbered counter box with the circle border?

Thank you!

Post count: 20688

Hi,

So maybe something like dropcaps for example
https://demo.tagdiv.com/newspaper/dropcaps/
https://www.screencast.com/t/iiy4lFz8lOf
If that is not it, maybe it could be done with CSS for an existing element on a page or post. If you could mention more about this I will try to point you in the right direction. Custom CSS code can be created with the help of the browser inspector, then entered in the theme panel
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Post count: 2

Hi,

The effect I would like to reproduce it’s this: http://www.forapieceofcake.com/it/ (stats)
The progress bar that I found in the theme is only half-circle, then if it isn’t possible to make full circle I will make a counter with circle border (with CSS).

Thanks!

Post count: 20688

Maybe use a numbered counter and the CSS tab to create a full circle
https://www.screencast.com/t/czmfBBRL
Or use a Raw HTMl element and create a circle with text maybe
https://stackoverflow.com/questions/4861224/how-to-use-css-to-surround-a-number-with-a-circle/4861306#4861306
The progress bar will be only half circle, it may not be easy to modify that. Or maybe you could search for a plugin to display a round widget in which you can use text, if there are such plugins.

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