New to CSS and new to this forum.

I’m trying to make all my bullet points gold. I have no problem with simple bullet lists. But for my bullet lists that are displayed in two columns using a class designator “twocolumn”, I am unsuccessful.

1. CSS/HTML for gold bullets – this works fine

.goldB ul { list-style: none; padding:0; margin:0; }
.goldB li { list-style: none; padding-left: 1em; text-indent: -1em; }
.goldB li:before { content: '\25AA'; color: #C1954C; padding-right:7px; font-size:175%; line-height: 100%}

<ul class="goldB">
<li> Gold bullets, single column</li>
<li> Gold bullets, single column </li>
<li> Gold bullets, single column </li>
<li> Gold bullets, single column </li>
</ul>

2. CSS/HTML two columns of bullet points – this works fine

ul.twocolumn { width: 540px;}
ul.twocolumn li {width: 260px; float: left;}

<ul class="twocolumn">
<li> Col 1 text</li>
<li> Col 2 text</li>
<li> Col 1 text</li>
<li> Col 2 text</li>
</ul>

3. Simply trying the two classes together with no added CSS – does not work, I get a single column with gold bullet points

<ul class="twocolumn goldB">
<li> Gold bullets, Col 1 text</li>
<li> Gold bullets, Col 2 text</li>
<li> Gold bullets, Col 1 text</li>
<li> Gold bullets, Col 2 text</li>
</ul>

4. So now I’ve unsuccessfully tried various CSS iterations along the lines of:

ul.twocolumn.goldB { width: 540px; }
ul.twocolumn.goldB li:before { width: 260px; float: left; }

Suggestions on how to get this to work or different methods altogether to get two columns of bullet points that are gold? Thanks again. m