Blog 'Feature Image' is MASSIVE! How do I resize it for Desktop/Mobile?

Hello @eleven10leather,

PJ here from Plaktheme Support.

Please allow me to assist this concern of yours.

Currently, we do not have an option to resize it as of the moment, but please follow steps below on how to get this done via code:

• From your Shopify admin click Online Store -> Themes -> Actions -> Edit Code
• Open the 2 files theme.scss.liquid and homepage.scss.liquid
• Then paste this code at the very bottom

  .article__list-image-wrapper { text-align: center; width: 75% !important; }

You can play with the value if you want it more smaller then please reduce the 75% otherwise increase it.

Note: If this doesn't solve your concern, please provide an example url link or which section are you referring please.

Should you have any other concerns, please do not hesitate to ask.

Best Regards,

PJ

@pjforum Hi PJ, I added the code and refreshed, re-added the image but it's still massive.  I even decreased to 50%, and it's still the same size.  Help!

Hi @eleven10leather

Katrine here from Plak support,

Let me continue with you this thread 🙂

In order to resize the featured image photo, please follow these steps :

• From your Shopify dashboard, click Online store > Actions > Edit code
• Open the file theme.scss.liquid
• Paste this code at the very bottom

.featured-article-img {
width : 60% !important;
height : 60% !important;
margin-left : auto !important;
margin-right : auto !important;
display: block !important;
} 

• Click Save

You can change the value width & height as per your need, the other codes margin-left; margin-right; display are a must to ensure the photo will remain centered within its container.

Let me know if it worked for you.

Kind regards,