hummingbirdbyvictoria Posted November 8, 2019 Share Posted November 8, 2019 Is there a way I can add code to increase the size of the font or add a big logo on the shopping cart in the top right of my website? At the minute, I fear it's getting lost and people won't be able to find it to check out. Link to comment
paul2009 Posted November 8, 2019 Share Posted November 8, 2019 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. About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
tuanphan Posted November 9, 2019 Share Posted November 9, 2019 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; } 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
Angelo22 Posted June 1, 2020 Share Posted June 1, 2020 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 Link to comment
tuanphan Posted June 2, 2020 Share Posted June 2, 2020 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> 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment