Reducing the size of the featured blogpost image

Solved

Reducing the size of the featured blogpost image

Printatme
Explorer
55 0 7

Hi,

 

I am using the 'Sense theme' and I am  looking for a way to reduce the featured image size as it appears very large on the page.

 

Please could someone help with a solution. My website is below;

printreality.co.uk

 

private message me for the password if you need it.

 

Thank you.

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
12045 2354 2531

This is an accepted solution.

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code after <head> tag

<style>
.article-template .article-template__hero-large {
    max-width: 726px;
    margin: 0 auto;
}
</style>

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
12045 2354 2531

This is an accepted solution.

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code after <head> tag

<style>
.article-template .article-template__hero-large {
    max-width: 726px;
    margin: 0 auto;
}
</style>

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Printatme
Explorer
55 0 7

Hi @Dan-From-Ryviu 

 

Thank you for the reply.

I am not sure it worked or I can't find where the code goes exactly. Please see the screenshot of where I placed the code below. It's the only <head> section there was.

any suggestions ?

 

Thank you.

 

 

Printatme_0-1701168443541.png

 

Dan-From-Ryviu
Shopify Partner
12045 2354 2531

Yes, please place code there and save your file, go to your blog and check

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Printatme
Explorer
55 0 7

Hi @Dan-From-Ryviu 

 

Thank you for your reply.

 

Unfortunately it's not working. Please let me know if you figure out the solution.

Dan-From-Ryviu
Shopify Partner
12045 2354 2531

I cannot see the codeScreenshot_5.jpg

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Printatme
Explorer
55 0 7

@Dan-From-Ryviu 

 

It's because I tested the code in the copy template. I have now pasted it to the main coding template and it worked thank you.