How to change blog post featured image size- DAWN 11.0.0.

Solved

How to change blog post featured image size- DAWN 11.0.0.

EliskaM
Explorer
79 1 9

Hello there, 

 

Can you please help me, how to change blog post feature image size? The current one is so MASSIVE. 
Thank you very much in advance, 
E. 

Accepted Solution (1)
Moeed
Shopify Partner
4361 1123 1378

This is an accepted solution.

Hey @EliskaM 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.article-card__image.media.media--hover-effect {
    width: 70%;
    height: 70%;
}
</style>

RESULT:

Moeed_0-1696855578432.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 9 (9)

EliskaM
Explorer
79 1 9
Moeed
Shopify Partner
4361 1123 1378

Hey @EliskaM 

 

Your website is password protected, can you please share the password as well?

Best Regards,

Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
EliskaM
Explorer
79 1 9

Ofc
chedow

 

Thank you very much

Moeed
Shopify Partner
4361 1123 1378

Hey @EliskaM 

 

Can you share a screenshot of the image or a link where the image is located since I'm unable to locate the exact image.

 

Best Regards,

Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
EliskaM
Explorer
79 1 9

Sorry that I condused you. 
It's over here: https://krasopiska.myshopify.com/blogs/zdarma

Moeed
Shopify Partner
4361 1123 1378

This is an accepted solution.

Hey @EliskaM 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.article-card__image.media.media--hover-effect {
    width: 70%;
    height: 70%;
}
</style>

RESULT:

Moeed_0-1696855578432.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
ambientcandle19
Excursionist
50 0 4

Hello I'm having the same issue kind of. I would like to to remove the blog heading and text and make it so that they fit 2 next to each other on mobile and 3 on desktop.  like below but more even it's just a visual is that possible? You code did make it smaller but the text remained im in the craft theme 13

20240305_061441_0000.png

EliskaM
Explorer
79 1 9

Hi Keshandra, 

Thank you very much for your message but I can't see the option there. I need to change the featured image size

PageFly-Richard
Shopify Partner
4400 1006 1657

Hi @EliskaM 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.article-card__image.media.media--hover-effect {
    width: 70% !important;
    height: 70% !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.