How to display image fullscreen in featured collection box?

Solved
Highlighted
Explorer
167 2 8

Hi,

I'm trying to create my dispaly the image displayed in featured box product full screen, like this:

Naamloos.png

 

I already removed the text underneath it i Just want to display the image full screen in the box now.

Hope someone can help!

Thanks in advance

0 Likes
Highlighted
Shopify Partner
1023 214 464

@NielsSchutte 

 

Send me your store URL so, I can check and assist you better.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
Highlighted
Explorer
167 2 8

@Tejas_Nadpara Sorry, store url is: https://smartsnutrition.myshopify.com/ and pass is: plazay

0 Likes
Highlighted
Shopify Partner
1023 214 464

This is an accepted solution.

@NielsSchutte 

 

Go to the theme.scss.liquid file and add the following code at the end of file:

.collection-list-section .featured-box{
padding: 0;
border: none;
}
.collection-list-section .featured-box--image{
padding: 0;
}
.collection-list-section .featured-box:after{
display:none;
}

Also, use the square image instead of horizontal banner so it looks good.

 

Thank you,

Tejas

 

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like