Symmetry theme: Need to update the background color of the code to RED and font color of the code

Solved
Highlighted
Tourist
26 0 0

Hi,

The requirment is to update the background color of the code to RED that is the highlighted yellow part in the attached image and font color of the code to White.

Refer to the screenshot below:

Thanks in advance for the help!

Regards,

VS

 

View Gift Card Screenshot.PNG

 

 

 

0 Likes
Highlighted
Shopify Partner
844 127 141

I can continue and solve this once we confirm the Quantity div from the other thread is solved, cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
0 Likes
Highlighted
Shopify Partner
844 127 141

Ok since we're done on the other thread, would you mind sharing the URL for the a Gift Card so I can change the background and give you the updated code?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
0 Likes
Highlighted
Highlighted
Shopify Partner
844 127 141

This is an accepted solution.

Done!

JHKC_0-1598215599856.png

 

Code modified was in styles.css.liquid here:

.giftcard__code {
  background: rgb(228, 35, 38);  /*Changed*/
  border-radius: 0;
  color: white; /*Changed*/
  position: absolute;
  bottom: 10%;
  right: 50%;
  transform: translateX(50%);
  padding: 10px 20px;
  font-size: 22px;
  line-height: 1em;
  white-space: nowrap;
}
- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
1 Like
Highlighted
Tourist
26 0 0

Thanks @JHKC for the prompt response!

Appreciate it!

0 Likes
Highlighted
Tourist
26 0 0

Have @JHKC you deployed this change as well?

0 Likes
Highlighted
Shopify Partner
844 127 141

You're welcome! I will now remove myself from your store, should you need any additional help please send me a DM or just tag me in a thread. Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
1 Like
Highlighted
Shopify Partner
844 127 141

Yes It's been deployed, you can check the link to see the output

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
0 Likes
Highlighted
Tourist
26 0 0

It's deployed! Thank you!

0 Likes