Blockshop theme - adding full width image to top of Collection page

Solved
FernFin
Tourist
3 0 1

Hello,

I have the Blockshop theme installed and have added a large image to the top of a Collection page. Issue is that the image will not render full size regardless of the size I select in the editor window. I've also tried replacing/overriding with traditional html image code with no luck changing the sizing. 

Any suggestions?

0 Likes
dmwwebartisan
Shopify Partner
5760 1318 1691

@FernFin 

Please share your webshop URL & Password!

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
FernFin
Tourist
3 0 1

Here's the specific URL @dmwwebartisan - image is actually 2000px wide

https://fernandfin.com/collections/game-day-carry-by-fern-fin

Appreciate your help!

dmwwebartisan
Shopify Partner
5760 1318 1691

This is an accepted solution.

@FernFin 

Please add the following code at the bottom of your assets/theme--critical.css file.

 

.collection--description {max-width: 100% !important;}
.collection--header {padding: 0px 1px !important;}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
FernFin
Tourist
3 0 1

Worked! Awesome, thanks so much @dmwwebartisan !!

0 Likes