Hello! First post but I’m ripping my hair out trying to figure out how to turn my product page black and then also change the text to white with also turning the buttons from white with black to black with white. How can I achieve this?
pw: leshaw
Topic summary
A user seeks help changing their product page to have a black background with white text, and reversing button colors from white-with-black to black-with-white.
Proposed Solutions:
-
CSS approach: Add custom CSS to the bottom of
base.cssfile targeting specific elements like.product__mediaand template sections to modify background colors and borders. -
Admin panel method: Navigate to Online Store > Themes > Customize > Theme Settings > Colors in the Shopify admin to adjust color schemes without coding.
The discussion remains open with no confirmation of which solution worked. The CSS code provided appears corrupted or encoded, which may require clarification for proper implementation.
Hi @stygianwtf
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
Please add this css in your bottom of the base.css file:
.product__media.media media–transparent {background: #000;}
#shopify-section-template–19544556470552__main div {border: none !important;}
Regards,
San
You can customize your store in store admin > Online store > Themes > Customize > Theme Settings > COLORS