Solved

How can I increase the size of my footer image in the Dawn theme?

AlexP77
Tourist
8 0 5

Hello,

I'd like to increase the size of the footer image.

I tried adding this to base.css but the resolution suffered from it:

 

.footer-block__details-content.footer-block-image img{
    max-width: min(100%, 400px) !important;
    width: 400px;
}

 

 

Does anyone have a solution?

Accepted Solution (1)

LitCommerce
Astronaut
2860 684 742

This is an accepted solution.

Hi @AlexP77,

I tried the code you sent and it works fine:

Screenshot_12.png

You are mentioning it is blurred, if it is blurred you can change the code by following instructions:

Go to sections > footer.liquid file, find 'footer-block-image' and change code:

beforebeforeafterafter

Code:

<img
  src="{{ block.settings.image | img_url: 'master' }}"
  alt="{{ block.settings.image.alt | escape }}"
  width="{{ block.settings.image.width }}"
  height="{{ block.settings.image.height }}"
>

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 2 (2)

LitCommerce
Astronaut
2860 684 742

This is an accepted solution.

Hi @AlexP77,

I tried the code you sent and it works fine:

Screenshot_12.png

You are mentioning it is blurred, if it is blurred you can change the code by following instructions:

Go to sections > footer.liquid file, find 'footer-block-image' and change code:

beforebeforeafterafter

Code:

<img
  src="{{ block.settings.image | img_url: 'master' }}"
  alt="{{ block.settings.image.alt | escape }}"
  width="{{ block.settings.image.width }}"
  height="{{ block.settings.image.height }}"
>

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
AlexP77
Tourist
8 0 5

Thank you, it worked!