Resize featured image in blog post articles (Expression theme)

Marta_pureeros
Tourist
6 0 5

Hi everyone,

I have a Shopify account with Expression theme installed and we usually publish blog post articles. When I add a featured image in the articles, it gets too big, especially if you see it from desktop. Could someone help me resize the featured images in the article pages?

I read many other threads here and I already tried to modify the liquid code but it seemed no solution worked for my theme.

Thanks,

 

Marta

KetanKumar
Shopify Partner
17039 1848 6375

@Marta_pureeros 


Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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
Marta_pureeros
Tourist
6 0 5

@KetanKumar 

 

Thanks for your reply.

The site URL is https://pureeros.com/

You can see here an example of how the featured images appear at the beginning of the article https://pureeros.com/blogs/pregnancy/being-a-mother-a-free-choice

Let me know if you need any other relevant information.

Cheers,

 

Marta

0 Likes
KetanKumar
Shopify Partner
17039 1848 6375

@Marta_pureeros 

thanks for more details can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#shopify-section-article-template .rimage-outer-wrapper {
    max-width: 480px !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
Marta_pureeros
Tourist
6 0 5

@KetanKumar 

Thank you very much! Now it's perfect!

 

Could I ask you another thing about the featured image? I personally don't like the order of the elements in the article, is it possible to change it?

I explain myself, I'd like the order to be:

  1. title
  2. posted by...
  3. intro text (the one you see in bold, in the HTML is a <h4> tag)
  4. featured image
  5. normal text of the article (in HTML with the <p> tag)

Do you know if this possible in my theme?

 

Thanks again,

Marta

KetanKumar
Shopify Partner
17039 1848 6375

@Marta_pureeros 

thanks for update 

no sorry it's not possible Shopify blog admin doesn't allow this 

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
Marta_pureeros
Tourist
6 0 5

@KetanKumar 

 

No worries, thank you anyway for your kind help on my other issue.

Have a nice day,

 

Marta

KetanKumar
Shopify Partner
17039 1848 6375

@Marta_pureeros 

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
Marta_pureeros
Tourist
6 0 5

@KetanKumar 

 

Sorry for bothering you again.

In the category page, where you can find all the articles, the featured image is still very big. Here is an example: https://pureeros.com/blogs/pregnancy

Is it possible to reduce the size here as well, as you did inside the article?

Thanks in advance,

 

Marta

KetanKumar
Shopify Partner
17039 1848 6375

@Marta_pureeros 

no rush

can you please add this code

#shopify-section-blog-template .rimage-outer-wrapper {
    max-width: 420px !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