Jump to content

How we can use google font icon instead of bullet points in list-items?

Recommended Posts

  • Replies 5
  • Views 498
  • Created
  • Last Reply

Top Posters In This Topic

On 1/28/2022 at 4:15 PM, Talks-Usama said:

Thank you for reply!

I  am on trial here is the link: 
https://copyofgreencommunity.squarespace.com/de/preise
Password:    123456

Currently I am using ticks instead of bullet point is there any way to use google font icons?
This is the code I am using in my CSS.

ul[data-rte-list] li>:first-child:before {
    padding-right: 10px;
    content: "✓";
  }

 

Thank you. Can you share link to Font Icons on Google Font which you want to use? We will test & give the code

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
On 2/1/2022 at 4:57 PM, Talks-Usama said:

There is link...

I want to use these icons
https://fonts.google.com/icons
 

First add this to Code Injection > Header

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

Next, add to Design > Custom CSS

#block-937f241cc3f07ef04d5e ul[data-rte-list] li>:first-child:before {
    content: "\e88a" !important;
}

(this is home icon)

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.