How can I use a jpeg as an image divider on my website?

Topic summary

A user is attempting to add a JPEG image as a divider on their Shopify website and initially tried using a Custom Liquid section with CSS code, but encountered issues getting it to work.

Proposed Solution:

  • Another community member suggested alternative code snippets, providing both CSS and HTML markup examples to implement the image divider.

Current Status:

  • The discussion remains open, awaiting confirmation on whether the suggested code resolves the issue.
  • No follow-up has been posted yet indicating success or requesting further assistance.
Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

Hi All,

I am trying to use a jpeg as an image divider in Shopify. I thought that I might be able to use a Custom Liquid section and have this code but it doesn’t seem to work for me?


 
	  
	

Any thoughts? Or is there a better/slicker way?

Many thanks in advance!

Hi @Alun ,

Use below codes and see if this works for you