[hellokevin]

Hi there, I have image blog posts and I’ve noticed that when you click on the picture, it zooms in, but then also brings it to a higher resolution which makes it pixelated. I want to be able to do two things:

1. How can I disable the ability for someone to click and zoom in on a picture?

2. If I want to leave the feature, what image size is best to use so when it does zoom, it doesn’t blow it up to a higher resolution than what it is?

Thank you for your help! If you need an example: http://theflightless.co/that-one-time-we-took-a-trip-to-san-diego/

[serkan]

Hi @hellokevin;
)When you click to add media button, there is ATTACHMENT DISPLAY SETTINGS option. And choose link to none. (It’s on the right side in the pop up page)
2) 1000 px width should be fine.
Thanks

[hellokevin]

serkan, thank you very much for your quick reply! you solved my problem.

[hellokevin]

Hey serkan, one more question. Is there any way to make the images that show in an image blog post be bigger? For example, instead of having to click on it to enlarge it, how can I change a setting so that the standard size that shows in the post right away is a bigger size?

[serkan]

Hi @hellokevin;
You can use full width image shortcode.
[full_width_image]
image here
[/full_width_image]
Thanks

[hellokevin]

Hey serkan, when I use that image shortcode, it enlarges my picture to the entire size of my screen. I just want the picture to show as 800x533px if it is uploaded as 800x533px, not resized down and then having to click on it to enlarge.

[serkan]

When you click to add media button, there is ATTACHMENT DISPLAY SETTINGS option. And choose link to none. Yeap, full width image shortcode is for full size screen. But container has max width 740px. And there are two options. You can change all container width or just the images width. But i should tell you that, it will effect all your website. I would recommend you just choose link to none option. But btw i will give you the shortcodes. It is up to you.

.l-fixed { max-width: 800px; }
or
.entry-content img { max-width: 800px; }

Thanks

[hellokevin]

Thanks for the help serkan, you are right.

[serkan]

You are welcome =)