TCM

Site URL: https://sashalennonpottery.com/
I sell physical goods, and I have upgraded my site to included carrier calculated shipping rates at checkout. Most of my goods require a box for shipping, but I recently started selling stickers. Stickers are flat, and don't need to be shipped in a box. I want the calculated shipping when shipping only stickers to be $0.55 (the cost of a stamp). I can't find a way to manipulate the carrier calculator to know to place the items in an envelope and not a box. 
I have tried creating a flat rate shipping option, but since I can't apply shipping options to individual products, the shipping option displays at checkout as an option for all orders. I have lost money when people ordering items requiring a box choose the sticker shipping option. I have also tried making a discount for free shipping for the stickers but, again, when people order multiple items it applies the discount to the entire order when I don't want the entire order to have free shipping. 
Please help!

Was just about to ask the same question.
Be great to be able to select for each product if it should be (1) flat rate (2) Carrier Charges (3) no charge. or at worst exclude from shipping charges.
We have a eye mask for sale at $7.50 but when a customer wants to check out the shipping is $14!!! 
Be great to have some greater flexibility.

Does anyone have a work around to make negotiated shipping rates work?
 

Trying out the 7.1 builder, and my CSS code for older templates isn't working to replace the header logo on pages that have image overlays. Has anyone been able to find code that works to replace your logo on certain pages that have a header overlay vs a solid header?

Add to Home > Design > Custom CSS
@media screen and (min-width:641px) { .ProductList-filter-list { display: flex; justify-content: center; flex-direction: column; } } @media screen and (max-width:640px) { .ProductList-filter-dropdownToggle-checkbox:checked~.ProductList-filter-list { display: flex; flex-direction: column; } } /* All */ .ProductList-filter-list>li:nth-child(1) { order: 1; } /* Ribbons */ .ProductList-filter-list>li:nth-child(5) { order: 2; } /* Elastics */ .ProductList-filter-list>li:nth-child(2) { order: 3; } /* Mailers */ .ProductList-filter-list>li:nth-child(4) { order: 4; } /* Gift */ .ProductList-filter-list>li:nth-child(3) { order: 5; } /* Sale */ .ProductList-filter-list>li:nth-child(6) { order: 6; }  
Follow this. 
 

Thanks tuanphan, that's what I needed.
To summarize:
In 7.0 use .ProductList-filter-list>li
In 7.1 use .category-filter-item
 Bracketing the CSS with <style> </style> allows it to order a particular page.
I played around trying to get it reorder including the lines but to no avail. It must have something to do with the lines being both positional and delimiters.

Hey @atthomas
If you add the following code into Design > Custom CSS you should get single spacing:
.sqs-block-content li { line-height: 1em; }
the em value is a proportional value, so if you want more spacing you should go up in fairly low increments (same with going down) for example 0.4 would probably overlap each other on mobile.
Hope that helps!