Empire Theme - Blog Image size?

New Member
3 0 0

Hello, 

 

What is the ideal size of the blog header image in Empire theme? Default blog header gets lopped off and image gets stretched, with final image quality being very poor.

 

Thanks 

Aparna

0 Likes
Astronaut
834 94 177

Looks like the one they use for the demo is 1663 x 500 -- I'd try that out.

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
New Member
3 0 0
Thanks! This works great on desktop, but unfortunately becomes even worse on the mobile version of my site. :(

Any other resolution you would suggest we try? Thanks so much for taking time to reply :)
0 Likes
Highlighted
Astronaut
834 94 177

Is the problem that your image gets cropped?  This is something you would need to rework in the code. As it is now, it's a background image, the image doesn't get it's height and width from the image itself and instead is set with CSS. The way I would do this is to rework article.liquid to use an <img> tag to set the height of it's container instead of a background image for the featured image, and then swap out that image with a different mobile image, who's location I would store in a metafield. 

 

I don't expect you to know what I'm talking about, but that is just how I would approach it. I would suggest not using any text in your image, and making sure the focal point of your image is in the center if you're not comfortable with making edits to theme code.

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
1 Like
New Member
3 0 0
Thanks so much once again.

You are right, we are non tech people with no html knowledge. Will try keeping text out and if it doesn't work will message you to see what you can accomplish for us. :D

Thank you!
0 Likes