Dawn Theme: set maximum width of image in footer

Technical Q&A
1

Hello,

I’m new to shopify and liquid, but i have some experience in HTML and CSS.

I have the following problem:

I try to add an image to the footer, but I want it bigger. When i try to edit the size of the image it only allows me to choose from 50 to 200, which is still far from what i want.

On the screenshot you can see the greeen rectangle- my picture. I would like it to be as big as the rectangle with black outline that i have drawn.

Screenshot (224).png
Screenshot (224).png1326×536 21.8 KB

I have used 2048x1024 picture.

I think I want to change

block.settings.image.width, block.settings.image.height, or something here: style=“max-width: min(100%, {{ block.settings.image_width }}px);” (this is a piece of code from the footer.liquid file)

i dont know how, so i hope you can give me advice

2

Hi @deyan_jg ,

Share your URL.

3

I found a way - If you go to your online store and click actions - edit code. Under Sections click on footer.liquid. Search for 200 (the px limit currently on Dawn) and change it to whatever number you wish. I tried 400 and it’s big enough. Click save. The scroll bar in your footer will increase to whatever number you put in there.

4

@KaySutt ,

Please share the URL & share screenshot with Requirement.