Need Help Adding Glow Effect to All Texts, Buttons, and Links Across the Theme

Technical Q&A
3

Hi @hatmakerr !

To apply the glow effect globally, you’ll want to add the CSS to the theme.liquid file.

Go Online Store > Themes > Actions > Edit Code

2024-10-18T10_55_04,849868031+07_00.png
2024-10-18T10_55_04,849868031+07_00.png609×350 44.3 KB

Layout > theme.liquid

2024-10-18T10_55_38,718245055+07_00.png
2024-10-18T10_55_38,718245055+07_00.png302×298 9.01 KB

Scroll down until you find ‘body’

2024-10-18T10_56_44,841003807+07_00.png
2024-10-18T10_56_44,841003807+07_00.png1594×642 64.8 KB

Add in:

2024-10-18T11_08_03,408560064+07_00.png
2024-10-18T11_08_03,408560064+07_00.png1038×505 55 KB

For easy copy and paste:

p, a, .button, h1, h2, h3 {
  text-shadow: 0 0 5px rgba(0, 255, 0, 0.7), 0 0 10px rgba(0, 255, 0, 0.7);
}
button, .button, a {
  box-shadow: 0 0 5px rgba(0, 255, 0, 0.7), 0 0 10px rgba(0, 255, 0, 0.7);
}

In the example I’ve shared, the CSS is targeting the elements and classes that are specific to my test store setup.

For the buttons, you might need to adjust the CSS selectors to match the classes used in your theme.

Hope this helps! Let me know if you need anymore details.