I've styled the mini cart in webflow where the part of the page outside of the cart gets blurred out to draw the user's eye towards the cart. This looks fine in Webflow designer, but when I preview it, the blur effect is only applied to a thinner part along the top of the screen (see images for reference).

I had this resolved earlier, but I can't see to trace back to that version. I checked the CSS, and it has the blur effect in there. This is driving me crazy.

This is probably more of a Webflow question, but open to feedback if it's relevant.

----

On a separate note, I'm wondering if there's a way to wrap multiple divs so that it wraps as if they're a continuous line of text. In the attached example with products, the product name, separator/hyphen, and price are placed in separate divs. This is done because they're all variable text, but I'd like them to behave differently. I believe I set this up correctly in Webflow, but it's not translating in Shopify.

Example #1 –

Current:
Mineral Wellness Soak with Eucalyptus
–
$10.00

Desired:
Mineral Wellness Soak with Eucalyptus
– $10.00

Example #2–

Current:
Fuß Balm
–
$42.00

Desired:
Fuß Balm – $42.00

In my product header, I have a group of accordions with custom metafield content. This is setup as rich text both in Webflow and Shopify, but in Shopify, it doesn't render as rich text. It all appears as one continuous block of content.

Is there a way to get this to appear with rich text properties. In the example below, I'd like the text to be bulleted out. I'm mainly looking for bulleting, paragraph spacing, and bolding where needed.

Shopify example: https://shop.skinbarandstudio.com/products/colorescience-total-eye-3-in-1-renewal-therapy-spf-35

Is there a way to wrap products around text? In the attached screenshot, I have a subhead and body copy that takes up 2 column widths, and I'd like the products in this collection to start in columns 3 and 4 before wrapping to the next line.

In one section, I have a collection with just one item. I'd like to make the product item occupy the width of columns 3 & 4 so that it's wider than the regular product items. Is that possible as well?

Hi folks! I'm working on my first Shopify site, and I'm hoping Liquify Pro can bring my vision to life. I have this test page that I created (ignore the messy look), and I wanted to go through the conversion process before fully committing to this.

I followed the documentation in terms of setting up GitHub and exporting, and I've even used the Liquify Automated Support Service script. It didn't return any errors, but when I try uploading the Webflow zip to Liquify, I get the following error (see image).

The error doesn't tell me much, so any guidance on where to look would be helpful.