I’m using Portland theme and for some reason the background to the text on the product grid is white rather than the same as the colour of the page. It doesn’t have an associated colour in the theme colour settings so I’m rather stumped. Any suggestions as to how I can change that? It’s also pulling through the prices from the product list, which I don’t need on this page either so suggestions on how to remove those also welcome. These products are from a collection of products I’ve created in case that is helpful info.
To Fix the Background Color Issue: There are a few approaches we can take, but the simplest is to override the default white background using custom CSS.
You can add this CSS to your theme’s custom CSS section or directly in your theme’s CSS files (like base.css):
.product-grid-item {
background-color: transparent !important; /* This will make it inherit the page background */
}
/* If the above doesn't work, try a more specific selector */
.product-grid .product-grid-item {
background-color: transparent !important;
}
Removing Prices from the Product Grid: If you want to hide the prices from your product grid, here are two ways to do it:
1. Using CSS (Quick & Easy Solution)
Add the following CSS to hide the price on the product grid:
.product-grid-item .price {
display: none;
}
2. Editing Your Theme’s Template File (Permanent Solution)
For a more permanent fix, you can modify your theme’s template file that handles the product grid.
Look for the file that controls the product grid (usually product-grid-item.liquid) and locate the section that displays the price. It might look like this:
{% comment %}
<!-- Remove or comment out this section -->
<div class="price">
{{ product.price | money }}
</div>
{% endcomment %}
You also mentioned this applies to a specific collection - do you want to keep prices visible on other pages or remove them everywhere? Let me know, and I can guide you accordingly!
Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update? Attach pictures so I can better understand your problem.
Thanks for your suggestions. I’ve tried both those background colour options and neither of them have worked, unfortunately. It is still the same white colour behind the text.
Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update? Attach pictures so I can better understand your problem.
