A user wants to add a background image exclusively to their collection page without affecting other pages on their Shopify store (using the Dawn theme).
Proposed Solution:
main-list-collections.liquid file#MainContent element with background-image, background-repeat: no-repeat, and background-size: cover propertiesTechnical Details:
{% stylesheet %} Liquid tagsStatus: A solution has been offered but not yet confirmed as implemented or tested by the original poster.
On my collection page i want to change the background to an image, i want it only on this page, not my other pages. Any code for this? I have posted for some help previously but i didnt find a solution, so help would be muchly appreciated.
Theme: Dawn
Website: Desire-online.net
Hi @jakegrieveson ,
To change the background-image and only for collection page, you simply add this code to file “main-list-collections.liquid” as the following image:
{% stylesheet %}
#MainContent {
background-image: url("your_url");
background-repeat: no-repeat;
background-size: cover;
}
{% endstylesheet %}
As a result, the background of the section that contains list collections will be replaced by the image you have provided the URL. @jakegrieveson
