How to change color of price to match the background?

Topic summary

Main issue: Remove the white background behind product price and text so it matches the site’s background.

Context: The store URL and password were shared to allow inspection.

Solution 1 (CSS in base.css): Steps provided to go to Online Store > Themes > Edit code > base.css and append a CSS rule to set background-color: transparent for price/text elements. Code snippet was shown and screenshots illustrated the before/after.

Solution 2 (theme.liquid): Steps suggested to edit theme.liquid and add code above the tag, with a result screenshot. However, the actual code snippet was not included in the post.

Key terms: base.css is the theme’s stylesheet; theme.liquid is the main layout template; CSS controls visual styles; “transparent” removes visible background color.

Outcome: No confirmation from the store owner that either approach solved the issue; no final decision recorded.

Media: Multiple screenshots and a CSS snippet are central to understanding the proposed fix.

Status: Discussion remains open/ongoing with an unresolved result.

Summarized with AI on December 15. AI used: gpt-5.

Hey @Vinsinfo

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:

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

Best Regards,
Moeed