Re: How to change Gift Card font color?

What's the best way to alter Gift Card font color?

Simon2000
New Member
4 0 0

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!

 

Giftcard2.PNG    Giftcard.PNG

Replies 16 (16)

Zworthkey
Shopify Partner
5581 641 1582

@Simon2000 
Share your Store url.

Zworthkey
Shopify Partner
5581 641 1582

hi, @Simon2000 
In which section you are facing this problem.
Thank You.

Simon2000
New Member
4 0 0

So When our customers receive their gift card email, they will see this "View Gift Card" section as shown below,

giftcard3.PNG

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

Giftcard.PNG

Would like to know how to change the font color to black, or maybe the gift card background to black. Either works fine.

Zworthkey
Shopify Partner
5581 641 1582

Then you have to check the gift card option which you are using.
From their you can change the text color on it.

Simon2000
New Member
4 0 0

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.

Zworthkey
Shopify Partner
5581 641 1582

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.

Buchholdt
Shopify Partner
25 0 2

Hi,

Did you manage to find a solution to this? I have the same problem.

Zworthkey
Shopify Partner
5581 641 1582

yes,
kindly share your store url.
Where is card allocated.

Buchholdt
Shopify Partner
25 0 2

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 🙂

Buchholdt_0-1629960974481.png

 

Buchholdt
Shopify Partner
25 0 2

I managed to find the line to change, if anyone in the future needs the help, you can see the line here:

Buchholdt_0-1629962157985.png

 

JessieKnappe
Visitor
3 0 0

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. Screen Shot 2021-10-04 at 4.20.49 PM.png

Buchholdt
Shopify Partner
25 0 2

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.

Zworthkey
Shopify Partner
5581 641 1582

Screenshot - 2021-08-26T125020.285.png

use like this.

Buchholdt
Shopify Partner
25 0 2

Thanks for the help here Zworthkey, I really appreciate it 🙂

This is now corrected.

Have a nice day.

ghqamarillo
Visitor
2 0 0

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?