Grace

Yep will be styling everything just making sure I can use the multi-step form before committing to it for a template submission. thanks!

Hi Laurie, you seem to have some zero width spaces which turn up as (‍) in some parts of your code. Below the body and within the script section that is probably adding those spaces in there on the live site. You need to get rid of those then you should be fine.

Generally people that want a more custom visual build for a Shopify store aka the front-end they'll use Webflow CMS with Shopify and an integration like Smootify to tie the 2 together, Which is around $60 a month.

I attached a screenshot of what your layout should look like.

You should be able to easily change this to 7 images and alternating text instead of 4. Copy and paste the 2nd layout487_item 2 more times within the layout487_content-left for the left copy the one that is tied to an interaction. Then do the same on the layout487_content-right copy and paste layout487_item once more. Then copy and paste the layout487_image-wrapper images 3 more times to total 7 and change the images.

Sometimes you might need to detach the instance in Figma if the other methods aren't working.

Looks great, love the motion animation! Just some feedback. The hero section I would make sure it's vertically centered it has a bit more space at the top so looks a bit uneven. For the navbar on top I would make sure you have hover states in place for your links. The headers seem to be different sizes throughout your site some are 2.75rem and others are 3.25rem so I would try to keep those consistent. Otherwise looks pretty good.

You can use webflow and figma plugins for images such as unsplash that has some free stock photos you can use. You can also find other stock photo sites and pull them into your project as assets.

Are you pasting components into already established layouts? Sometimes styled outer wrapper divs, sections etc. can cause relume components to break slightly. Preview is not always 1 to 1 with the live version.