10

I am creating a manual for an application and I would like to provide step by step directions of the application. For the step numbers, I would like to use big, blue circles with white numbers in it. Thus I was thinking if I can modify the bullet style, I would be able to achieve such list. I read few similar questions and it looks like it will have to use the enumitem package and the likes. Probably, there would be a new command for a big circle. I just don't know how to pull everything together.

Example:

example

  • How about tex.stackexchange.com/questions/34735/… ? – ℝaphink Apr 2 '12 at 13:21
  • cool! i followed that thread and bumped into this one: tex.stackexchange.com/questions/7032/… It shows how to create a circled number for a enumerated list. But now I will have to figure out tikz so that I can increase the circle size and fill it with color – karlos Apr 2 '12 at 13:32
  • 2
    When you're posting your next question, please show what you've already figured out, even if it is only basic usage of enumitem. – doncherry Apr 2 '12 at 14:09
17

Here is an adaptation of Good way to make \textcircled numbers? for your needs:

\documentclass{article}

\usepackage{tikz}

\newcommand*\circled[1]{\tikz[baseline=(char.base)]{%
            \node[shape=circle,fill=blue!20,draw,inner sep=2pt] (char) {#1};}}

\usepackage{enumitem}

\begin{document}

\begin{enumerate}[label=\protect\circled{\arabic*}]
\item Step one
\item Step two
\item Step three
\end{enumerate}

\end{document}

result

To increase the circle size, play with the inner sep parameter (the border between the number and the circle). To change the color, play with the fill parameter.

If you wish to change the text color, you can use the xcolor package:

\documentclass{article}

\usepackage{tikz}

\newcommand*\circled[1]{\tikz[baseline=(char.base)]{%
            \node[shape=circle,fill=blue!20,draw,inner sep=2pt] (char) {#1};}}

\usepackage{enumitem}
\usepackage{xcolor}

\begin{document}

\begin{enumerate}[label=\protect\circled{\color{red}\arabic*}]
\item Step one
\item Step two
\item Step three
\end{enumerate}


\end{document}

red text?!

  • thank you, Raphink, that's exactly what I am trying to do. Is there a parameter for text color as well? – karlos Apr 2 '12 at 13:53
  • Updated with text color. – ℝaphink Apr 2 '12 at 13:57
  • <pre>\usepackage{tikz} \newcommand*\circled[1]{\tikz[baseline=(char.base)]{ \node[shape=circle, draw,inner sep=11pt, fill=NavyBlue] (char) {#1};}}</pre> when I increase the circle size, the longer bulleted text creates extra space between lines. Would it be possible for to wrap text around the bullet circle – karlos Apr 2 '12 at 15:18
  • @karlos: Use backticks to highlight code in comments. – ℝaphink Apr 2 '12 at 17:42
13

Without loading tikz and default LaTeX macros:

\documentclass{article}
\usepackage{xcolor}
\newcommand*\circled[1]{\kern-2.5em%
  \put(0,4){\color{blue}\circle*{18}}\put(0,4){\circle{16}}%
  \put(-3,0){\color{white}\bfseries\large#1}~~}
\usepackage{enumitem}
\begin{document}

\begin{enumerate}[label=\protect\circled{\arabic*}]
\item Step one
\item Step two
\item Step three
\end{enumerate}

\end{document}

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.