Thanks @oscprofessional ! But I am new to Shopify codes, could you please help me with the file as well that needs to be edited for this?
Topic summary
Main issue: Trust Badges Bear app badges appear on the homepage product grid (for one product), breaking alignment, while preview only shows badges on product pages.
Proposed fixes:
- Hide the badge widget in product cards with CSS: “.card__content #ultimateTrustBadgeswidgetDiv { display: none; }”. This targets the app’s injected badge element inside product card content.
- Implementation paths:
• Add the CSS in Shopify Admin > Online Store > Themes > Edit code > base.css (theme stylesheet).
• Alternatively, add CSS only for the homepage inside theme.liquid after the , wrapped in a conditional for the homepage template (template == ‘index’). “index” refers to the homepage.
Notes:
- theme.liquid is the main layout file; base.css is the global stylesheet. CSS will hide badges on the homepage but keep them on product pages.
- A screenshot was shared to illustrate the misalignment.
Status: Actionable steps provided and acknowledged; no explicit confirmation of resolution yet, but guidance is clear and likely sufficient.