Shopify themes, liquid, logos, and UX
Hey there Shopify Community!
I've been trying to change the font color of my shop's Gift card (currently its all White) so its difficult for our customers to see the codes or the title. If not, maybe I could change the background color as well!
Open to hearing for suggestions!
Thanks, guys!
@Zworthkey Here's my store's URL's
https://the-ice-cream-bar-malaysia.myshopify.com
https://www.theicecreambar.com.my/
So When our customers receive their gift card email, they will see this "View Gift Card" section as shown below,
Once they select "View Gift Card", They will see the Gift Card. The issue here is that the gift card font color is white (cause our store's general font theme is white). This is an issue because customers can't see the title and gift card code unless they highlight it
Would like to know how to change the font color to black, or maybe the gift card background to black. Either works fine.
Then you have to check the gift card option which you are using.
From their you can change the text color on it.
Really sorry for the trouble, but I am basically using Shopify's Gift card settings, and I can't find the option to change the text color
Is it done in the Edit Code section? If so what's the coding used.
But this gift card option I can't see in your store. so that I need to get your store access to modify it.
So king mail me. at given below mail id.
Hi,
Did you manage to find a solution to this? I have the same problem.
yes,
kindly share your store url.
Where is card allocated.
Hi Zworthkey
Thanks for the quick reply.
You can see it here, where I created a new Gift card: Link
We use the Impulse theme: Link
Can you share how I change the color in the theme?
I don't see any options to do it in the back-end, so I guess it through adding a code in " gift_card.liquid" under "Templates". I'm new to the liquid code, so I would like to learn how this is done 🙂
I managed to find the line to change, if anyone in the future needs the help, you can see the line here:
Thanks for finding the section of code! I found it too, but I'm not sure which section to change (or what to put) to switch the text from white to black since mine doesn't have the HEX code.
Hi JessieKnappe,
I would guess that you could just change the code #1c1d1d in line 11048 to #000000, and that should do it. Luckily you can quickly test it.
Good luck.
use like this.
Thanks for the help here Zworthkey, I really appreciate it 🙂
This is now corrected.
Have a nice day.
Hi, I am trying to adjust the font size and possibly bold it for the value of my gift card in the email that the customer receives. I am good with coding but just can't find the right line to input it in. Do you know which section of code to implement it in?
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025