Jump to content

Recommended Posts

Site URL: https://daringdirtbag.squarespace.com/

 

PW: DDaccess

Can you change the cart symbol entirely? My brand makes bags and I would like the symbol to be a backpack. To resemble the bag symbol that some sites have. I added an example. It would be in white on a black background.

I also noticed that everything on my shop page is pushed all the way to the sides. Almost cut off. I want to create margins and have everything come inward (towards the center) a bit on both sides. Is this possible? 

Thank you!

Laura

Screen Shot 2022-10-04 at 12.33.16 PM.png

360_F_373690800_YzgFKD2Pf9s8pcoNN3hh33g7zRLizNFO.jpeg

Link to comment
34 minutes ago, DaringDirtbag said:

Site URL: https://daringdirtbag.squarespace.com/

 

PW: DDaccess

Can you change the cart symbol entirely? My brand makes bags and I would like the symbol to be a backpack. To resemble the bag symbol that some sites have. I added an example. It would be in white on a black background.

I also noticed that everything on my shop page is pushed all the way to the sides. Almost cut off. I want to create margins and have everything come inward (towards the center) a bit on both sides. Is this possible? 

Thank you!

Laura

Screen Shot 2022-10-04 at 12.33.16 PM.png

360_F_373690800_YzgFKD2Pf9s8pcoNN3hh33g7zRLizNFO.jpeg

Try adding to Home > Design > Custom Css

.icon--fill.icon--cart {
  position: relative;
  margin-right: 20px;
}
.icon--fill.icon--cart:before {
  content:'';
  background-image: url('https://api.iconify.design/bi/bag-check.svg?color=white');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.Cart-inner .icon--cart {
  visibility: hidden;  
}

Change the url link that meets your requirement

Support me by pressing 👍 if this useful for you

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Thank you! That really helped!

Can I create that same margin with everything on the shop page? The word shop, categories, and all of my items are pushed all the way to the side. I think it's a design setting I want for the rest of my site but doesn't work for this page. I want about 30px space on either side. 

Laura

Link to comment
On 10/5/2022 at 9:11 AM, DaringDirtbag said:

Can a small amount of space be put between the bag/cart icon and the number of items? 

Laura

Add this code Under

/* Cart icon - text */
.icon--fill.icon--cart:before {
    left: -10px;
}

 

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.