2015-08-29 3 views
0

Я пытаюсь изменить размер изображения в пределах сообщения фотографии до его максимальной ширины, но не могу точно определить код. Я не могу также центрировать изображения ... Любые подсказки?Resize and center Tumblr photo post

Адрес an example post.

Код для моей текущей фотографии пост:

{block:Photo} 
<div class="photo"> 
    <div align="center"> {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt} width="600"/>{LinkCloseTag}</center> 
    {block:Caption} 
     <div class="caption" align="center"> {Caption}</div> 
    {/block:Caption} 
    {block:More} <a href="{Permalink}" class="button" align="center">{lang:Read more}</a> {/block:More} 
</div> 
{/block:Photo} 

ответ

0

Попробуйте это в CSS (вы должны найти этот блок кода это вокруг линии 361 в шаблоне):

div.post div.photo img { 
    border-width: 0px; 
    position: center; 
    max-width: 100%; 
    width: 100%; 
    height: auto; 
} 

Это необходимо сбросить свойства размера жесткого кодированного изображения, но вам нужно будет его проверить.

+0

Это сработало! Большое вам спасибо :) – Dannica

+0

ОК, пожалуйста, проголосуйте за мой ответ, если это вам помогло. @Dannica – lharby