Jump to content

Adding a custom bullet to CSS

Recommended Posts

Site URL: https://gazelle-cowbell.squarespace.com/

Hi:

I am desperately trying to replace the Blue Bullets at the bottom of this page but having no luck.   The Home Page that the Bullets are on is https://gazelle-cowbell.squarespace.com/ My password to view is:  CrazyGazelle@3! 

The URL of the bullet I want to use is here: X.png

I am using this code in my CSS but having no luck:

section[data-section-id="630661060e3efc6a55498efd"] ul[data-rte-list] li>*:first-child::before {
    content: '';
    height: 15px;
    top: 30px;
    left: 0;
    background-image: url(https://static1.squarespace.com/static/62e470f75a92641fd7ce96d2/t/630662bbf3a7b04cdb3bd667/1661362875420/X.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: -14px;
}

 

Would you be able to help me?

 

Link to comment
  • Replies 1
  • Views 171
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add to Design > Custom CSS

div#block-yui_3_17_2_1_1661373969852_92628 p:before {
    background-image: url(https://static1.squarespace.com/static/62e470f75a92641fd7ce96d2/t/630662bbf3a7b04cdb3bd667/1661362875420/X.png);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: Center center;
    color: transparent;
}

image.thumb.png.a5e33921a27e7d45136ea5b52651d224.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.