Hard Code the Image-Banner

Initially coded my image-banner in pure HTML/CSS. When i tried to upload it in theme the whole code, it wasn’t possible so had to take a screenshot of the banner convert it to image and upload it.

The image quality is very poor.

Initial only in HTML/CSS Designed:

This is how poor the banner looks on Shopify:

Is there a way of me hard coding the banner directly on shop website in HTML/CSS>

Sorry i’m all new to this.

Thank you

@choudhmh thanks for posting here can you please share the store link here?

You could add this as a section, then add your code inside that new section file you created, then either add that in the Theme editor or directly in your index.json file.

Sections (shopify.dev)

That’s my HTML Code:

Never Feel Hanging Again

Boost your vitality with science-backed supplements that support your mental focus and a healthy body.

Shop now

I need my specific banner added with the above code. Also have the CSS code, need guidance on ways i can also merge that with the html coe