I had to include a banner at the top of my primary collection page to conceal “there are no products in this collection” text. The problem is when you click each sub-collection (I added a collection underneath) it shows the banner at the bottom of the collection page, by default. So the last row of products have half their price cut off:
Is it possible to add a space on the top of the banner “only” on that sub-collection page?
Otherwise, is it possible in the “custom CC” to change multiple elements under a single ruleset?
- in this case that would mean assigning a 0 font-size to the h3 font (which I believe is the “there are no products in this collection” text) and then assigning a 32 font-size to the h2 (which I think is the price) or whatever the price font is.
You see, I can actually cut “there are no products in this collection” text, using the “custom CC” of that primary collection by this formula:
1 p {
2 font-size: 0 !important;
3 }
..but only at the expense of the prices in each collection disappearing.
Sorry about the long winded question but there’s no other way to explain it and it’s literally taken me hours trying to solve this. I didn’t think something so simple would require such a complicated solution!