Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Question

4 answers to this question

Recommended Posts

  • 0

Yes, it should be really easy to do.

It will really help us if you include a working link to the site. It allows us to see the issue first-hand.

If your site isn't live yet, please set a site password and tell us what it is, so that we can view it.
 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDate Picker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links.

Share this post


Link to post
  • 0

If you want to add icon, add this code to Home > Design > Custom CSS

.custom-cart-button:after {
    content: "";
    background-image: url(https://image.flaticon.com/icons/svg/263/263142.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 30px;
}

If you want to increase font size, add to Home > Design > Custom CSS

.custom-cart-button {
    font-size: 50px;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post
  • 0
On 11/9/2019 at 2:22 AM, tuanphan said:

.custom-cart-button:after { content: ""; background-image: url(https://image.flaticon.com/icons/svg/263/263142.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; display: inline-block; width: 50px; height: 30px; }

Hi Tuan,

how should I modify this code to display the icon in my store page using a code block?

Thank you

Share this post


Link to post
  • 0
17 hours ago, Angelo22 said:

Hi Tuan,

how should I modify this code to display the icon in my store page using a code block?

Thank you

Add Code Block > Insert code

<style>
  .custom-cart-button:after {
    content: "";
    background-image: url(https://image.flaticon.com/icons/svg/263/263142.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 30px;
}
</style>

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...