Hello,
I would like to make the changed displayed in the picture, can someone help me?
Thank you!
URL: https://suq5b8csct01fyzg-61270851797.shopifypreview.com/
Im using the Trade theme.
Topic summary
Goal: Change gray text to white (and make the button fully visible) in the Trade Shopify theme’s image-with-text section, as shown in the provided screenshot.
Proposed solution:
- In Online Store > Themes > Edit code, open the CSS file (base.css, theme.css, or custom.css).
- Add CSS to set the image-with-text text color to white (color: #fff) and ensure the button is fully opaque (opacity: 1). The reply targeted selectors “.image-with-text__text.body” and “.image -with-text__content .button”.
Evidence/result: A screenshot was shared showing white text and a visible button after applying the CSS changes.
Context: A preview store URL was provided. The request references a screenshot to illustrate the desired appearance; images are central to understanding the change.
Status: A clear implementation path was provided; no confirmation from the original poster yet, and no competing suggestions or disagreements were raised. Discussion appears open pending OP’s confirmation or acceptance.
Hi @KimGottwald ,
You can follow these steps to make the effect
-
Open Online Store > Theme > Edit Code
-
Find and open the base.css (or theme.css, custom.css) file
-
Paste the code snippet below at the bottom of the file and hit save
.image-with-text__text.body {
color: #fff;
}
.image-with-text__content .button {
opacity: 1;
}
Here is the result
Hope this helps you solve the issue.
Please don’t forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!
1 Like