how to use arrow type bullet mark and rounded serial no. like 1 and 2 with the rounded shape in food recipes theme in to my coffee blog
link:- https://demo.tagdiv.com/newspaper_recipes/td-post-frozen-blood-and-sand-cocktail/
1. Arrow type bullet mark (https://forum.tagdiv.com/post-formats-for-tinymce/):
Arrow list – This option allows you to create lovely arrow lists with ease. To create such a list, just select the text, click on the Bulleted list button, then select the Arrow list option from the Formats drop-down box.
2. Rounded shape: https://forum.tagdiv.com/topic/how-to-create-this-numbered-list/
my arrow list not showing link here
https://imgur.com/a/hzNjeCv
how to use rounded number list like this Rounded shape: https://forum.tagdiv.com/topic/how-to-create-this-numbered-list/
Hi Rebecca White,
1. In order to make an arrow list you need to make firs a bullet or numbered list
https://www.screencast.com/t/tniogj4Ib6Tx
after that select the bullet list and change it to arrow list
https://www.screencast.com/t/LBkn8jAuxnD
https://www.screencast.com/t/8CZaiiCMd
2. You can do that by adding a class on the number element (number no list number)
https://www.screencast.com/t/8BkskJIb
https://www.screencast.com/t/bhRg86qM34d
All you need to do is to set in text the below code with round_number and change the numebr
<span class="round_number">1</span>
.round_number{
padding: 5px 11px;
border: 1px solid #e3e3e3;
margin: 0 8px 8px 0;
min-width: 33px;
text-align: center;
color: #666;
line-height: 21px;
border-radius: 20px;
}
Hope this will help you.
Thank you.
