Increase collection description image to full width of page for Craft theme

Vinvonaly · ‎06-12-2022

I want to include an image in the description of my collection and have it appear as a banner on the collection page. How would I do this in the Craft theme 3.0? Link to the page as an example below, thanks.

https://vinvonaly.com/collections/men-of-power-line

website: https:www.vinvonaly.com

KetanKumar · ‎06-13-2022

@Vinvonaly

thanks for more details can you please try this code.

1. Go to Online Store->Theme->Edit code
2. Asset->/component-collection-hero.css ->paste below code at the bottom of the file.

.collection-hero__description {max-width: 100%;}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

DelightCart · ‎06-12-2022

@Vinvonaly May this help you. Click Here.

⚡️ Delight Cart - It's time to turn your visitors into loyal shoppers! ✨

⚡️ Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

KetanKumar · ‎06-12-2022

@Vinvonaly

can you please share issue images?

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Vinvonaly · ‎06-13-2022

Sure. In this image I would like for the top picture to extend the full length of the page. I uploaded the picture to the description of this collection.

KetanKumar · ‎06-13-2022

@Vinvonaly

thanks for more details can you please try this code.

1. Go to Online Store->Theme->Edit code
2. Asset->/component-collection-hero.css ->paste below code at the bottom of the file.

.collection-hero__description {max-width: 100%;}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Vinvonaly · ‎06-14-2022

THANK YOU!!!!! This code worked perfectly, now my pictures are full width of the page.

EliskaM · ‎02-25-2024

Thank you sir, works perfectly 🙂

KetanKumar · ‎02-25-2024

@EliskaM

its my pleasure to help us all

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Increase collection description image to full width of page for Craft theme

Increase collection description image to full width of page for Craft theme

Community Blog Articles