Change images in blog to full screen on Origin theme

Shopify Discussion
1

I’m attempting to post my blog using only images. The issue is that I can’t get the to be any larger than about a third of the screen. How can I edit my code or what code do I need to insert and where, in order to get my blog images full screen.

  • this is not for the featured photo as that is already full screen
2

Hello @WTBRStudio ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Asset folder → base.css file → add this following code at the bottom of page

.blog-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

Save and preview

Hope this can help.

Transcy

1 Like
3

Unfortunately this did not make any difference. The main image is sized correctly, it’s just when I add an image to the actual blog I can’t get it sized any larger.