I have a main section of my store, TrinityThrift.com, and two subsections, AstrologyDrip & BackDrip. For these collection pages, I would like to have a different background than the main (home) page – specifically, a galaxy background for the AstrologyDrip collection pages.
I found that another question posed here offered a solution; however, when I paste the code below into my Prestige theme, one of two things happens:
It changes the home page’s background, but not the background of the collection page where I’m putting in the code with the file name.
I leave the original text, and just insert the code underneath; that puts the background on the right page, but UNDERNEATH the original look of the page (basically giving me my collection with the regular background, but then repeating that collection again after the footer, WITH the background).
In the “theme.scss.liquid” section, I’m changing this:
{% section ‘header’ %}
{{ content_for_layout }}
{% section ‘footer’ %}
to this:
{% section ‘header’ %}
{{ content_for_layout }}
{% section ‘footer’ %}
I’ve tried removing the "div class=“page-container page-element is-moved-by-drawer” text, but that removes everything all together.
Is there something I’m missing? I’m at a complete loss, and any suggestions would be VERY helpful at this point.
you will need few more css settings to make everything look good, but for now you can set different images for different pages using unique id, which you can find at the very end of theme.scss.liquid file
