Why is it that after I hide the image module with text in code, the background is still visible and cannot be completely hidden.
Topic summary
Issue: After hiding an “Image with text” section in code, the background remains visible instead of fully disappearing.
Proposed causes and checks:
- CSS still applying to the element (background styles, padding/margins) or layering conflicts (z-index).
- The section might not be truly removed from layout if only partially hidden.
Suggested fixes:
- Apply CSS display:none to the section container to remove it from layout, or visibility:hidden to hide it (note: visibility keeps layout space).
- Inspect with browser dev tools to locate inherited CSS (background, padding/margins) and overlapping layers.
- Use Theme Editor: Online Store > Themes > Customize, locate the “Image with text” section, then “Hide” or “Delete” to remove its background entirely. Screenshots provided show the steps and expected result.
Requests for info:
- Participants asked for the store URL and password (if any) to review and provide a precise solution.
Status:
- No confirmed resolution yet; awaiting store details or confirmation that Theme Editor/CSS changes resolved the issue.
Hello @Auoehrper
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.
The issue you’re experiencing where the background remains visible after hiding the image module with text in code is likely due to CSS properties still applying to the element, such as background styling or padding/margin settings. To fully hide the element and its background, ensure you are setting the display property to none or using visibility hidden in your CSS. If those properties don’t work, inspect the element with developer tools to identify any other CSS rules that might be affecting its visibility, like background styles or overlapping layers (z-index issues).
@Auoehrper Please share your store URL to help you on this.
@Auoehrper Please follow below steps to hide the background color. Let me know whether it is helpful for you.
- From admin go to “Online Store” → “Themes”.
- Click “Customize” button from the current theme.
- Go to the section and then click “hide” or “delete” button respect to the “Image with text” section to hide or remove the background respectively.
Result will be like,
Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.