Solved

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

Vinvonaly
Tourist
3 0 4

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

Accepted Solution (1)
KetanKumar
Shopify Partner
36854 3637 11976

This is an accepted solution.

@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.
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

Replies 7 (7)

DelightCart
Shopify Partner
1238 82 157

@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
Shopify Partner
36854 3637 11976

@Vinvonaly 

can you please share issue images?

If helpful then please Like and Accept Solution.
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
Tourist
3 0 4

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.

Vinvonaly_0-1655125162677.png

 

KetanKumar
Shopify Partner
36854 3637 11976

This is an accepted solution.

@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.
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
Tourist
3 0 4

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

EliskaM
Explorer
79 1 9

Thank you sir, works perfectly 🙂

KetanKumar
Shopify Partner
36854 3637 11976

@EliskaM 

its my pleasure to help us all 

 

If helpful then please Like and Accept Solution.
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