CMS Development

Taytertots
Participant

Custom bullets appearing along with placeholder bullets

SOLVE

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

 

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

 

And the resulting bulleted list appears as:

Both bullet styles show up, the custom "plus" signs and built-in arrowsBoth 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

0 Upvotes
1 Accepted solution
dennisedson
Solution
HubSpot Product Team
HubSpot Product Team

Custom bullets appearing along with placeholder bullets

SOLVE

@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

View solution in original post

0 Upvotes
4 Replies 4
dennisedson
Solution
HubSpot Product Team
HubSpot Product Team

Custom bullets appearing along with placeholder bullets

SOLVE

@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

0 Upvotes
Taytertots
Participant

Custom bullets appearing along with placeholder bullets

SOLVE

Thanks @dennisedson! Much appreciated.

0 Upvotes
dennisedson
HubSpot Product Team
HubSpot Product Team

Custom bullets appearing along with placeholder bullets

SOLVE

@Taytertots , have a link to the page?

Taytertots
Participant

Custom bullets appearing along with placeholder bullets

SOLVE

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!

0 Upvotes