Custom bullets appearing along with placeholder bullets

Developer Support CMS Development
,
1

Hi,

I’m having a strange issue with my custom bullets for unordered lists. I’ve added the following file to appear as bullets: https://cdn2.hubspot.net/hubfs/4431720/Branded%20Assets/Gray%20Plus%20for%20Bullets.png

They’re in my stylesheet here:

}
ul {list-style-image: url(https://cdn2.hubspot.net/hubfs/4431720/Branded%20Assets/Gray%20Plus%20for%20Bullets.png);}

Which looks like this in the actual file manager:

css-view.png
css-view.png931×412 64.8 KB

In the HTMl view for the landing page template, the bullets aren’t noted as a class at all, so the code there looks like this:

code.png
code.png954×826 67.1 KB

And the resulting bulleted list appears as:

570×652 83.2 KB
Both bullet styles show up, the custom “plus” signs and built-in arrows

If anyone has an idea of what I may be missing or need to delete to exclude the extra bullets, I’d really appreciate the help! Thank you,

Lena

2

@Taytertots , have a link to the page?

3

Hi @dennisedson ,

Link to the page:

https://info.ensightplus.com/modernizing-utility-field-services-webinar

Ended up publishing with bullets “as is” but would still like to know how to address this for the future.

Thank you!

4

@Taytertots ,

if you dont want the >,

remove the pseudo-element

.landing .page-content li::before {
 font-family: FontAwesome;
 position: absolute;
 top: 0;
 left: 0;
 content: "\f105";
 font-size: 28px;
 color: #0057B8;
}

hope that helps

5

Thanks @dennisedson! Much appreciated.