Jump to content

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

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Can you share link to page where you use bullet points? We can test GG Font code easier.

Also do you use Personal, Business or Commerce Plan?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.