Designers - some help with CSS
 

I am trying to make my titles with h2 tag a bit nicer and I want to have a dot before any text. Something like this:

• Hello

In my CSS I have this:

h2
{
font-family: Times New Roman, serif;
font-size: $theme_headline_size_large;
letter-spacing: -1px;
margin-bottom: 10px;
color: #ffffff;
text-transform : capitalize;
font-weight: normal;
}

Is it possible to add something so I get that dot before the text? And to make it even more complicated I would like the dot to be of a different color than rest if the text :)

you could put the h2 inside an unordered list
<ul>
<li>
<H2>HEYOO</h2>
</li>
</ul>

put the colored bullet point as an image. then move the text over with left padding. then possiton the bullet point in the vertical of the text.

to change the color.. which i missed.

ehh, shudnt that be
???

Taht worked great! Thank you so much for this!

I saw this coming...

that would just show &middot; literally..

alternative to using the • and a space in there would be

content: "\2022\A0";