You need to add this style under condition for applying only for single collection. The code is below, just add this under “collection-template.liquid” file or this file may be different because I have not idea which theme you are using , just search this div class (screenshot attached) and add this style code in that file.
{% if collection.handle == 'first-bites-bundles' %}
{% endif %}
@Anonymous Hello, thanks for the code. But it still does not work. The background still only covers the description text, but not the whole section of the description text (on both sides of text). Please see my screenshot below
Hello @Anonymous , thanks for the code. But it still does not work. As for your code added for the heading section, it does not go full width on both sides (left and right sides are still vanilla color). Please see the picture. Also, the one I want to change background color is the section of description texts - “All meals…your babe”. not the heading section.
Add this code. With this code the heading color, font size and background color will be applied for full width and for description the color, font size and background color(not full width), because the description div is inside the wrapper div which has specific width set already (screenshot attached).
{% if collection.handle == 'first-bites-bundles' %}
{% endif %}