How To Change Gray Payment Icons On Shopify


Shopify is an ecommerce platform that allows businesses to easily set up and manage online stores.

Its user-friendly interface, comprehensive features, and affordability make it an ideal choice for entrepreneurs.

We earn a commission if you make a purchase, at no additional cost to you.

Software: Shopify | Shopify Affiliate Program | Get Shopify

How To Change Gray Payment Icons On Shopify

As an online merchant, it’s important to pay attention to every detail of your Shopify store, including the payment icons. These icons serve as visual cues for your customers to know what payment methods you accept, making their shopping experience more convenient

But if you’re using the default payment icons on Shopify, you might notice that they all have a gray color. This might not match your store’s branding or aesthetic. Fortunately, it’s possible to change the gray payment icons on Shopify to better fit your store’s overall design. To change the gray payment icons on Shopify, you’ll need to access your store’s theme code

This might seem daunting for those who are not familiar with coding, but don’t worry, it’s a simple process. First, go to your Shopify dashboard and click on “Online Store.” From there, select “Themes” and choose the theme that you want to edit

Once you’re on the theme editor, click on “Actions” and select “Edit code.” This will open a new window where you can make changes to your theme’s code. Now that you’re in the code editor, locate the “Assets” folder and open it

From there, find the file named “payment-icons.scss.liquid” and click on it to open it. This file contains the codes for your store’s payment icons. Scroll down until you find the section for the gray payment icons

You’ll see that the color code used is #888888, which is a shade of gray. To change the color, simply replace this code with the color of your choice. If you’re not familiar with color codes, you can use a color picker tool to find the exact color that you want. After you have changed the color code for the gray payment icons, don’t forget to save your changes

Click on “Save” and then “Close.” You’ll be taken back to the theme editor, where you can preview your changes. If you’re satisfied with the new color of your payment icons, click on “Save” and then “Publish.” Your new payment icons will now be live on your Shopify store. Changing the gray payment icons on your Shopify store might seem like a small detail, but it can have a big impact on your customers’ perception of your brand

By matching the payment icons to your store’s branding, you’re creating a cohesive and professional look that can help build trust with your customers. Additionally, if you have multiple payment options, using different colors for each icon can make it easier for customers to identify which payment methods they can use. In conclusion, changing the gray payment icons on Shopify is a simple process that can greatly enhance the overall look of your online store

By following these steps, you can customize the color of your payment icons to match your store’s branding and create a more visually appealing shopping experience for your customers. Remember to always save your changes and preview them before publishing to ensure that everything looks just the way you want it

Your payment icons may be small, but they can make a big impact on your customers’ purchasing decisions, so don’t overlook this aspect of your Shopify store.

Similar Posts