Help - Search - Members - Calendar
Full Version: How do you increase the image size on your tumblr posts
HTMLHelp Forums > Web Authoring > Web Site Functionality
aslen454
hi, i recently decided to change my tumblr theme, but i can seem to firgure out how to make the picture sizes bigger than what they are now. On my previous theme, they were a good size but on this new one, i feel as thoiught they are to small.

I appreciate any help i can get TY!



here is my URl................ http://food-nd-liquor.tumblr.com/

and my HTML is........

<!DOCTYPE html PUBLIC>

<!-----

Le-*beep* V.2 Theme by Itziar Damborenea, 2011. ExcellencƎ.
Please respect the credit of the Theme.

------>

<html lang="en">
<head>

<title>{Title}</title>

<meta name="font:Body" content="Century Gothic"/>

<meta name="color:Background" content="#e6e6e6"/>
<meta name="color:Text" content="#363636"/>
<meta name="color:Link" content="#5c5c5c"/>
<meta name="color:Hover" content="#FFF"/>
<meta name="color:Sidebar" content="#FFF"/>

<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>

<meta name="if:Reblog Link On Hover" content="1"/>
<meta name="if:Faded Images" content="0"/>
<meta name="if:Inverted Fade" content="0"/>
<meta name="if:Post Shadows" content="1"/>
<meta name="if:Show sidebar image" content="0"/>
<meta name="if:Show Title" content="1"/>
<meta name="if:Show Description" content="1"/>
<meta name="if:Blog Title Shadows" content="1"/>
<meta name="if:Normal Attached Sidebar Border" content="0"/>
<meta name="if:Normal Sidebar Shadow" content="0"/>
<meta name="if:Ask Box in Sidebar" content="0">
<meta name="if:Transparent Sidebar" content="1"/>
<meta name="if:Sidebar Attached" content="0"/>

<meta name="if:Show Home Link" content="1">
<meta name="if:Show Message Link" content="1">
<meta name="if:Show Submit" content="1"/>
<meta name="if:Show Archive Link" content="1">

<meta name="text:Link One" content="" />
<meta name="text:Link One Title" content="" />
<meta name="text:Link Two" content="" />
<meta name="text:Link Two Title" content="" />
<meta name="text:Link Three" content="" />
<meta name="text:Link Three Title" content="" />
<meta name="text:Link Four" content="" />
<meta name="text:link Four Title" content="" />
<meta name="text:link Five" content="" />
<meta name="text:link Five Title" content="" />
<meta name="text:link Six" content="" />
<meta name="text:link Six Title" content="" />

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style type="text/css">

body{
margin:0px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
font-size: 9px;
font-family:{font:Body};
line-height:11px;
color:{color:Text};
}


a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}

a:hover{
color:{color:Hover};
text-decoration: none;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}

.sidelink{font-style:italic;
font-family: Trebuchet MS;
font-color: {color:Text};

text-align: left;
padding-left:5px;

font-size:9px; display:block;
margin:-5px;width:auto;
-webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}

.sidelink:hover{background-color:rgba(0,0,0,0);
style: italic;
color:{color:Hover};
padding-left:5px;
margin:-5px;width:auto;
-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
.sidelink a:hover{color: {color:Link};
-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}

#post{width:330px; height:auto;}
{block:PermalinkPage}float: left; right: 500; margin-right:153px; width: 700px;{/block:PermalinkPage}

}


#sidee{
padding-top:3px;
padding-bottom:3px;
position:fixed !important;
width:500px;
height:300px;
{block:ifshowbox}
background-color:{color:Post Box};
{/block:ifshowbox}
{block:PermalinkPage}
width:500px;
height:207px;
{/block:PermalinkPage}

}

#side{
{block:IfNotSidebarAttached}
z-index:999999999999999;
position:absolute !important;
position:fixed !important;
top:100px;
left: 40px;
width:220px;
{block:IfNotTransparentSidebar}
background-color: {color:Sidebar};
{/block:IfNotTransparentSidebar}
{block:IfTransparentSidebar}
background-color: transparent;
{/block:IfTransparentSidebar}
{block:IfNormalAttachedSidebarBorder}
border:1px solid black;
{/block:IfNormalAttachedSidebarBorder}
{block:IfNormalSidebarShadow}
-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.35);
-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.35);
box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.35);
{/block:IfNormalSidebarShadow}
{/block:IfNotSidebarAttached}

{block:IfSidebarAttached}
{block:IfNormalAttachedSidebarBorder}
border-right:1px dotted black;
{/block:IfNormalAttachedSidebarBorder}
position:fixed !important;
width:220px;
height:100%;
margin-top:-15px;
margin-left:-217px;
padding:2px;
{block:IfNotTransparentSidebar}
background-color: {color:Sidebar};
{/block:IfNotTransparentSidebar}
{block:IfTransparentSidebar}
background-color: transparent;
{/block:IfTransparentSidebar}
z-index:10;
overflow:hidden;
{/block:IfSidebarAttached}

}


#content{
margin:auto;
left:200px;
top:0px;
padding-top:15px;
padding-left:117px;
position:absolute;
{block:indexpage}
width:880px;
{/block:indexpage}
{block:permalinkpage}
width:1080px;
left:-50px;
{/block:permalinkpage}
overflow:auto;
overflow-y:auto;
}

#posts{
float:left;
{block:indexpage}
width:1000px;
{/block:indexpage}
{block:permalinkpage}
width:1000px;
{/block:permalinkpage}
{block:IfNotSidebarAttached}
margin-left:68px;
{/block:IfNotSidebarAttached}
{block:IfSidebarAttached}
margin-left:30px;
{/block:IfSidebarAttached}
}


#entry{
z-index:9999; float: right;width: 330px;height: auto; padding: 4px;
{block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows}
{block:PermalinkPage}
width: 500px;
{/block:PermalinkPage}
right:500px;
line-height:8px;
padding:2px;
margin-right:10px;
overflow:hidden;
margin-bottom:10px;
}

#permapage{
font-family: Trebuchet MS;
font-size: 9px;
text-align: left;
padding-bottom:10px;
margin-bottom: 8px;
z-index:9999;}

#notes{
{block:permalinkpage}
display:block;
width:700px;
left:-50px;
float: left;
padding:10px;
overflow:visible;
z-index:9999999;
margin-top: 10px;
{block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
{block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
outline:1px solid rgba(0, 0, 0, .1);
border:2px solid rgba(0, 0, 0, .05);
text-align: left;{/block:permalinkpage}
}

iframe#tumblr_controls{position:fixed !important;
}

.title{
font-family: Trebuchet MS;
font-size: 13px;
line-height: 12px;
color: {color:Title};
font-weight: normal;
letter-spacing: 0px;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}

.blogtitle { /*graficos by Mer*/
font-family: 'Lobster';
font-style:none;
font-size:30px;
color:#5E5E5E;
line-height:61px;
-webkit-transition: 0.5s ease-in;
-webkit-text-stroke: 1px transparent;
line-height:56px;
text-align:center;
text-decoration:none;
letter-spacing:-2px;
text-transform:normal;
text-align:center;
width:100%;
background-color:transparent;

{block:IfBlogTitleShadows}
text-shadow: 1px 1px 0px; rgba(255,255,255,0.4);

text-shadow: 0px 1px 0px #999, 0px 1px 0px #888, 0px 2px 0px #777, 0px 3px 0px #666, 0px 4px 0px #555, 0px 5px 0px #444, 0px 6px 0px #333, 0px 7px 6px #001135;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
{/block:IfBlogTitleShadows}
}

.blogtitle:hover{
text-shadow:0px 0px 7px rgba(0,0,0,0.5);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
color:#fff;

}

.title:hover{
color:{color:Hover};
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}

{block:ifReblogLinkOnHover}
#entry:hover #reblog{
{block:IndexPage}
margin-left:300px;
margin-top:8px;
opacity:1;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
{/block:IndexPage}
}

#reblog{
width:300px;
float:left;
margin-left:300px;
margin-top:0px;
position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
{/block:ifReblogLinkOnHover}


blockquote{
padding:0px 0px 2px 3px;
margin:0px 0px 2px 1px;
}
ul, ol, li{
list-style:none;
margin:0px;
padding:0px;
}

.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
}

a.links {
font-family: Arial;
font-size: 10px;
line-height: 9px;
text-transform: normal;
letter-spacing:0px;
display:block;
padding: 0px;
margin-bottom: 0px;
-moz-border-radius:0px; border-radius:0px;
}

#le-excellencethemes{
position:fixed !important;
width:auto;
height:auto;
right:3px;
top:26px;
}

a.links:hover {
font-style: italic;
text-decoration: underline;
letter-spacing:10px;
}

{block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
{/block:ifFadedImages}

{block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.2s linear; opacity: .60;}
{/block:ifInvertedFade}

.top:hover{
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}


</style>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=720" />
</head>
<body>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>


<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=720" />

<div id="sidee">
<div id="content">
<div id="side">

<div id="le-excellencethemes">
<a href="http://themesbydama.tumblr.com/"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a>
</div>

{block:ifShowTitle}<div class="blogtitle"><a href="/">{Title}</a></div>
{/block:ifShowTitle}
<div style="padding:2px;">
{block:ifShowsidebarimage}
<div style="padding-top:0px; padding-bottom:3px;">
<div align="center">
<a href="/">
<span style="position: relative;">
<img src="{image:sidebar}" width=200 style="
border:0px solid;
border-color:#000000;" /></span></div>
</div>
</a>
{/block:ifShowsidebarimage}

<center>
{block:ifshowdescription}{description}{/block:ifshowdescription}
</center>

<center>{block:ifshowhomelink}<a href="/">home</a>&nbsp;&nbsp;{/block:ifshowhomelink}

{block:IfNotAskBoxinSidebar}<a href="/ask">message</a>&nbsp;&nbsp;{/block:IfNotAskBoxinSidebar}

{block:IfShowSubmit}<a href="/submit">submit</a>&nbsp;&nbsp;{/block:IfShowSubmit}

{block:ifshowarchivelink}<a href="/Archive">archive</a>&nbsp;&nbsp;{/block:ifshowarchivelink}

{block:ifLinkOneTitle}
<a href="{text:Link One}" class="link">{text:Link One Title}</a>&nbsp;&nbsp;
{/block:ifLinkOneTitle}

{block:ifLinkTwoTitle}
<a href="{text:Link Two}" class="link">{text:Link Two Title}</a>&nbsp;&nbsp;
{/block:ifLinkTwoTitle}

{block:ifLinkThreeTitle}
<a href="{text:Link Three}" class="link">{text:Link Three Title}</a>&nbsp;&nbsp;
{/block:ifLinkThreeTitle}

{block:ifLinkFourTitle}
<a href="{text:Link Four}" class="link">{text:Link Four Title}</a>&nbsp;&nbsp;
{/block:ifLinkFourTitle}

{block:ifLinkFiveTitle}
<a href="{text:Link Five}" class="link">{text:Link Five Title}&nbsp;&nbsp;</a>
{/block:ifLinkFiveTitle}

{block:ifLinkSixTitle}
<a href="{text:Link Six}" class="link">{text:Link Six Title}&nbsp;&nbsp;</a>
{/block:ifLinkSixTitle}

{block:IfAskBoxinSidebar}

<p><iframe frameborder="0" scrolling="no" width="100%" height="auto" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com"
style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
<!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>

{/block:IfAskBoxinSidebar}

</center>

<div id="pages">

<div align="center">
{block:ifNotInfiniteScroll}{block:PreviousPage}<a class="jump_page" href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="current_page"><i>{PageNumber}</i></span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a class="jump_page" href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:ifNotInfiniteScroll}
</div></div>
</div></div>

<div align="center">

<div id="posts">

{block:Posts}
<div id="entry">

{block:Photo}
{block:IndexPage}
{block:ifReblogLinkOnHover}
<div id="reblog"><a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/tak5d5w/OBnlsu9qa/c0zyreblogbutton.png" width="22px"/></a></div>
{/block:ifReblogLinkOnHover}
<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=330px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}{/block:Photo}

{block:Text}<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
{block:Title}
<a href="{permalink}"><span class="title">{Title}</span></a>
{/block:Title}
<span class="entrytext" style="line-height:12px;">{Body}</span>
<a href="{Permalink}"></a></div>
{block:IndexPage}<div class="otherpostsnotes">
<div align="right"><a href="{Permalink}">+</a></div>
{/block:Date}</div>{/block:IndexPage}
{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
{block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
{block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
{block:IndexPage}<div class="otherpostsnotes">
<div align="right"><a href="{Permalink}">+</a></div>
{/block:Date}</div>{/block:IndexPage}
{/block:Link}

{block:Quote}
<div style="padding-top:10px; padding-bottom:10px;">
<span class="title" style="line-height:16px; ">"{Quote}"</span><br><br>
<div style="text-align: right; padding-right:10px;">{block:Source}
-{Source}
{/block:Source}</a></div>{block:IndexPage}<div class="otherpostsnotes"> <br>
{/block:Date}</div>{/block:IndexPage}
</div>
<div align="right"><a href="{Permalink}">+</a></div>
{/block:Quote}

{block:Chat}
<div style="padding-top:15px; padding-bottom:10px;">
<a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label" style="line-height:12px;">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:Caption}{Caption}{/block:Caption}
{block:IndexPage}<div class="otherpostsnotes">
</div>{/block:IndexPage}
</div>
<div align="right"><a href="{Permalink}">+</a></div>
{/block:Chat}

{block:Audio}
{block:AlbumArt}<a href="{permalink}"><img src="{AlbumArtURL}" width="48" height="48"></a>
{/block:AlbumArt}
<div class="player">{AudioPlayerWhite}</div>
{block:Caption}{Caption}{/block:Caption}
{block:IndexPage}<div class="otherpostsnotes">
<a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a>
&nbsp;
{/block:Date}</div>{/block:IndexPage}
<div align="right"><a href="{Permalink}">+</a></div>
{/block:Audio}


{block:Video}
<div style="padding-top:28px; padding-bottom:8px;">
{Video-250}</div>
<div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
{block:IndexPage}<div class="otherpostsnotes">
{/block:Date}</div>{/block:IndexPage}
<div align="right"><a href="{Permalink}">+</a></div>
{/block:Video}

{block:PermalinkPage}
{block:Date}<div id="post" >
<div class="permalink">
{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:10px;"></div>{/block:Caption}
{block:NoteCount}<font color="{color:link}">{NoteCountWithLabel}</font><br>{/block:NoteCount}
{block:RebloggedFrom}
Via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
Posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
{/block:RebloggedFrom}
{block:Source}Source: {Source}<br>{/block:Source}
<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:10px;"></div>
</div></div>{/block:Date}
<br><br>
<div align="left">
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
</div>
{/block:PermalinkPage}
</div>
{/block:Posts}
</div>
</div>
</div>
</center>
</div>
</div>
{block:indexpage}
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
<script type="text/javascript">
$(window).load(function(){
var $wall = $('#posts');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '#entry, #entry_photo',
isAnimated : false
});
});

$wall.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '#entry, #entry_photo',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
});
}); $('#content').show(500);
});
</script>
{/block:indexpage}
</body>
</html>
Darin McGrew
You're already using {PhotoURL-500} which is the widest image size supported by Tumblr.
aslen454
but then why do they look so small comapared to other pictures?
like these same pictures on my old theme were much bigger than they are on this new one
emelvee
I would highly recommend checking out this guy's theme: http://quitebig.tumblr.com/. When you install the theme (it's free, too!) your pictures are nice and big and beautiful. Extremely impressed!!! I know it's not HTML help but it is a super easy fix.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.