MorganePinet Posted September 2, 2021 Posted September 2, 2021 Hello, I would like to add payment method icons on the footer of my website. I have try to download images but the quality or the size are not appropriate. Could you please help me ?
creedon Posted September 2, 2021 Posted September 2, 2021 Which payment processors are you wanting to add images for? tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
tuanphan Posted September 5, 2021 Posted September 5, 2021 On 9/2/2021 at 7:43 AM, MorganePinet said: Hello, I would like to add payment method icons on the footer of my website. I have try to download images but the quality or the size are not appropriate. Could you please help me ? Can you share link to your site? 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!)
MorganePinet Posted September 10, 2021 Author Posted September 10, 2021 Hello, Please find attached the link of my website. https://www.mademoisellemorgane.com.au/ I would like to add Mastercard/VISA/STRIPE/APPLE PAY/AFTER PAY. Thank you for your help !
tuanphan Posted September 12, 2021 Posted September 12, 2021 On 9/10/2021 at 12:00 PM, MorganePinet said: Hello, Please find attached the link of my website. https://www.mademoisellemorgane.com.au/ I would like to add Mastercard/VISA/STRIPE/APPLE PAY/AFTER PAY. Thank you for your help ! Add it under Easy Weddings or under Copyright text? I guess you can add an Image Block >> Add payment 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!)
creedon Posted September 14, 2021 Posted September 14, 2021 I'm attempting to address this issue but it is slow going. I want to only use SVGs that are official from each payment processor. All the ones you mentioned do provide their logos and such in various SVGs. The SVGs although fantastic for looking good at various sizes, do require some processing to whip into shape to work in this potential effect. Then there is the issue with all the images having different height/width ratios and trying to get them to look balanced in a row grid. So far I'm encouraged but I don't know if this will turn into a solution. I'll update if there is progress. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
creedon Posted September 18, 2021 Posted September 18, 2021 Please see Payment Processor Icons Let us know how it goes.. summitdigitaluk 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
creedon Posted September 18, 2021 Posted September 18, 2021 I was bugged a bit by how the user had to configure hiding/showing/ordering the icons so I updated the code. ShortAngryViking 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
creedon Posted January 30, 2022 Posted January 30, 2022 I have updated the code cited in my September 17, 2021 post. From the changes log. added support for --justify-content CSS variable, default is center added support for PayPal added support for Clearpay added Afterpay mint lockup removed unneeded class attributes removed redundant id attributes Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
creedon Posted January 30, 2022 Posted January 30, 2022 I have updated the code cited in my September 17, 2021 post. I added some missing show/hide Clearpay code. tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
Stevey1919 Posted June 28, 2022 Posted June 28, 2022 (edited) Hey @creedon I have been trying to add this to my site but the icons appear very large. How do I set them so they appear neatly in the footer? I have deleted the images I do not want to show. If possible I would like them in 1 line. Edited June 28, 2022 by Stevey1919 add content
creedon Posted June 28, 2022 Posted June 28, 2022 1 hour ago, Stevey1919 said: I have been trying to add this to my site but the icons appear very large. Please post the URL for a page on your site where we can see your issue. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works. Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/. We can then take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
creedon Posted June 28, 2022 Posted June 28, 2022 1 hour ago, Stevey1919 said: I have been trying to add this to my site but the icons appear very large. It appears you've not installed the CSS from the first step of the Quick Install instructions. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
Stevey1919 Posted June 28, 2022 Posted June 28, 2022 I have tried adding the CSS but it does not do anything other than change the font of my quote at the bottom of the page.
creedon Posted June 28, 2022 Posted June 28, 2022 5 minutes ago, Stevey1919 said: I have tried adding the CSS but it does not do anything other than change the font of my quote at the bottom of the page. When I install the CSS locally here this is what I see. The CSS needs to go in Settings > Advanced > Code Injection > HEADER not Design > Custom CSS. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
creedon Posted October 8, 2022 Posted October 8, 2022 I have updated the code cited in my September 17, 2021 post. Added American Express icons. Reworked configuration code, now uses LESS. It's still code but hopefully it's not as mind numbing as before with endless lines of long CSS variable names. If you don't need the AE icons there is no need to upgrade your current installation until you do. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
plantinpurpose Posted November 19, 2022 Posted November 19, 2022 Hi! I have been trying to figure out how to add payment icons to the footer of my site. Can someone please help?
SUZY222 Posted November 30, 2022 Posted November 30, 2022 Hi, I've been trying all day to add these payment icon codes but seems like my CSS screen isn't responding at all. Ive tried re starting and all that. Is anyone able to help me?
jarnobroekkamp Posted January 29 Posted January 29 Hi everyone, Is it possible to showcase the payment options in the footer of the store and how am i able to do that? Kind regards!
WoodCandleCo Posted August 14 Posted August 14 Hey @creedon! I was looking at the different payment options. Do you have icons for Discover and Link by Squarespace? Also, when adding the code to my site it doesn't show anything. Just the numbers. I'm assuming I'm doing something wrong. You can see that at woodcandleconew.squarespace.com/new-page Website: woodcandleconew.squarespace.com Thanks in advance!
creedon Posted August 15 Posted August 15 8 hours ago, WoodCandleCo said: Do you have icons for Discover and Link by Squarespace? No. Unfortunately Discover and Link by Squarespace do not appear to provide official SVG files for those icons. Quote Also, when adding the code to my site it doesn't show anything. Just the numbers. I'm assuming I'm doing something wrong. It appears you have not done step 2 of the install instructions. Quote Add code from file payment processor icons svg symbol.html to Website > Pages > Website Tools > Code Injection > FOOTER. Let us know how it goes. WoodCandleCo 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
WoodCandleCo Posted August 15 Posted August 15 8 hours ago, creedon said: No. Unfortunately Discover and Link by Squarespace do not appear to provide official SVG files for those icons. Thanks! Looks like it's working. I did some digging on those logos as well. I see Discover has an AI and EPS of their logos on their site. I'd be happy to export as SVG for you? Also stumbled on the Link logo files from their site. Link: https://brandfolder.com/s/pvwp4pxn58tn38n6hfpjfnm All of Stripe's media assets: https://stripe.com/newsroom/information
creedon Posted August 15 Posted August 15 3 hours ago, WoodCandleCo said: I see Discover has an AI and EPS of their logos on their site. Please post the URL. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
WoodCandleCo Posted August 15 Posted August 15 23 minutes ago, creedon said: Please post the URL. https://www.discoversignage.com/free-signage-logos
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment