Dawn Theme - Change color of text in Discord Gate Block

Store Design
, , , ,
1

I recently added the Discord Gate app to my Shopify store and loaded it onto my product page in a block. There were options to change some of the text colors in the block, but not all. I’m trying to change the text on the product page:

“ATTENTION ROAD RATS!” to be the color #00FF42

“Become a Citizen to unlock discounts!” to be the color #00A13C

“OR” to be the color #00A13C

and the separating lines next to “OR” to be the color "#00FF42

And I would also like the button “Login to Discord” to have a green outline similar to the way the “Add To Cart” button looks.

Thanks in advance for any help!

Screenshot 2024-10-29 083351.png
Screenshot 2024-10-29 083351.png571×637 105 KB

Store: www.halfl1feband.com
Product Page: https://halfl1feband.com/products/all-hail-the-atom-holographic-stickers

1 Like
2

Hey @HALFL1FE

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1730205961591.png
Moeed_0-1730205961591.png384×621 78.1 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

2 Likes
3

Hi @HALFL1FE

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

And Save.

result:

Made4uoRibe_0-1730210522508.png
Made4uoRibe_0-1730210522508.png574×505 76.8 KB

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like
4

Hi there,

I can help you with the text color changes and the button styling on your product page.

To change the text colors for:

  • “ATTENTION ROAD RATS!” to #00FF42
  • “Become a Citizen to unlock discounts!” and “OR” to #00A13C
  • The separating lines next to “OR” to #00FF42

You can usually do this with custom CSS. For the “Login to Discord” button, I can guide you on how to add a green outline similar to the “Add To Cart” button.

Please let me know if you have access to your theme’s CSS, and I can provide you with the specific code you need!

Best,

1 Like
5

This worked perfectly. Thank you!

1 Like
6

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.