Select the appropriate blog from the dashboard. Click “Customize Theme” and choose “Edit HTML.”
Press “Ctrl-F” and use Find to search for the “{block:Photo}” tag. This tag describes how photos should appear in the theme. Look for the “” tag, located between the “{block:Photo}” and “{/block:Photo}” tags.
Change the value of “src” to “{PhotoURL-HighRes}.” “{PhotoURL-HighRes}” maintains the original dimensions of the image, rather than producing a smaller, resized copy of the original.
Scroll to the top of the document and find the “” tags.
Change “[value]” to the preferred width. For example, to have the image span the full width of the container – usually “
” – change “[value]” to “100%.”
Click “Appearance” and select “Save.” Click “Close” to return to the dashboard.
Click the gear icon to view your preferences. Check “Show Full Size Photos” and click “Save.”
You can change the width of the container holding the image, but this will also change the width of all posts – not just photo posts. Look for the “.post” class in the CSS code and then modify the corresponding “width” attribute to define the desired size in pixels.
Writer Bio
