Full Width Feature Image Blog Page

Solved
kkredo
Excursionist
25 0 14

Hello,

 

I am trying to make my "feature" image for my blog page full width like the other photos. Basically I want the first photo to be full size like the two below it. Can anyone help me out with that?

 

Thank you!

 

https://xlrrhhs0eggf714m-55048011927.shopifypreview.com

KetanKumar
Shopify Partner
17100 1856 6413

This is an accepted solution.

@kkredo 

i have done code can you please check and confirm 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kkredo
Excursionist
25 0 14

@KetanKumar 

looks perfect! May I ask where the code is so I can see and learn? Thank you so much, looks amazing!

KetanKumar
Shopify Partner
17100 1856 6413

This is an accepted solution.

@kkredo 

yes, please check your css file i have add code top of the file 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kkredo
Excursionist
25 0 14

@KetanKumar 

thank you so much for all of your help!

KetanKumar
Shopify Partner
17100 1856 6413

it's my pleasure to help us

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kkredo
Excursionist
25 0 14

Hi @KetanKumar 

 

The full size image you did for me yesterday does not work anymore, how can I fix it?

 

Thank you

KetanKumar
Shopify Partner
17100 1856 6413

@kkredo 

sorry for this issue can you please add this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme--async.css ->paste below code at the top of the file.
this code apply for after 5 - 6 second

.featured-blog--grid {max-width: 100% !important;}
.featured-blog--item {width: 100% !important;}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
kkredo
Excursionist
25 0 14

@KetanKumar 

thank you for sending this! However I meant the first image in the blog page , above the blog title like yesterday

KetanKumar
Shopify Partner
17100 1856 6413

This is an accepted solution.

@kkredo 

yes, please add this code 

.article--root>:first-child {max-width: 100%;}
.article--image .image--root {width: 100% !important;}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing