How do I use a image with text overlay using debut theme?

Technical Q&A
1

Hello I would like to use an image overlay on every one of my pages is there a way to modify the debut theme to allow me to do that?

I was reading that I need to edit the liquid html but I’ve never messed with that stuff..

appreciate any help!

https://codysbotanica.com/ ← what I would like on every page is the big logo

2

Hello , @khhaven

Please put image with text section/snippet file below {% section ‘header’ %} in theme.liquid file.

3

That kind of worked .. It’s displaying twice on my landing page and it’s not completely resizing correctly on the other pages.

The image being used is a little too big for the other pages but I’m not sure how to make it use the correct size..

this is the code I inserted:

//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC.jpg?v=1604353764 1567w 475h" data-parent-fit=“cover” style=“background-position: center center; background-image: url(“https://cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_1296x.jpg?v=1604353764");” alt=”" src=“//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_300x300.jpg?v=1604353764”>

//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_360x.jpg?v=1604353764 360w 109h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_540x.jpg?v=1604353764 540w 164h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_720x.jpg?v=1604353764 720w 218h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_900x.jpg?v=1604353764 900w 273h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_1080x.jpg?v=1604353764 1080w 327h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_1296x.jpg?v=1604353764 1296w 393h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_1512x.jpg?v=1604353764 1512w 458h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC.jpg?v=1604353764 1567w 475h" sizes=“1269px”
srcset=“//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_180x.jpg?v=1604353764 180w 55h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_360x.jpg?v=1604353764 360w 109h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_540x.jpg?v=1604353764 540w 164h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_720x.jpg?v=1604353764 720w 218h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_900x.jpg?v=1604353764 900w 273h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_1080x.jpg?v=1604353764 1080w 327h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_1296x.jpg?v=1604353764 1296w 393h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC_1512x.jpg?v=1604353764 1512w 458h,
//cdn.shopify.com/s/files/1/0207/2245/0496/files/CodysBotanica_Blank_ReadyForShopify_HC.jpg?v=1604353764 1567w 475h”>

<!-end added logo image overlay---->

4

Ok I played around with it and I got it working thank you :slightly_smiling_face:

now I need to figure out how to remove the text header and move the menu below the image.