Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
This is an accepted solution.
Hi @AlexP77,
I tried the code you sent and it works fine:
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:
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!
This is an accepted solution.
Hi @AlexP77,
I tried the code you sent and it works fine:
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:
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!
Thank you, it worked!
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024