The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> How to make photo caption visible, Tumblr.
rosie_fauxsho
post May 8 2012, 01:11 PM
Post #1





Group: Members
Posts: 1
Joined: 8-May 12
Member No.: 17,076
This is my Tumblr blog -- http://foody-yumblr.tumblr.com. I really love the theme I'm using but the photo captions don't show up, not on the main page or even if you click on the blog to see it individually, and that's quite an ordeal for me since it's a food blog and a lot of my posts are going to include recipes. For instance, if you scroll down to the third post from the top, it is a photo of Banana Split Brownie Pie:

IPB Image

and there is supposed to be the following recipe underneath it:

1 box (1 lb 2.4 oz) Betty Crocker® Original Supreme Premium brownie mix — Water, vegetable oil and eggs as called for on brownie mix box
1 quart (4 cups) favorite flavor ice cream, slightly softened
1 cup sliced fresh strawberries
2 medium bananas, sliced (1 1/2 cups)
1/2 cup chopped fresh pineapple
1/2 cup chopped pecans
1/4 cup Hershey’s® hot fudge topping
Whipped cream, if desired

Step 1: Heat oven to 350° F (325° F for dark or nonstick pan). Spray or grease 12-inch pizza pan. Make brownies as directed. Spread in pan.

Step 2: Bake 20 to 26 minutes or until toothpick inserted 2 inches from center comes out almost clean. Cool completely.

Step 3: Spread slightly softened ice cream evenly over brownies. Freeze at least 1 hour or until ice cream is firm. Just before serving, top with strawberries and bananas; sprinkle with pineapple and pecans. Drizzle with hot fudge topping. Serve wiith whipped cream, if desired.

I'll include the HTML for the theme at the bottom of my post. Is there anything I could add or delete to it t make photo captions visible everywhere on my blog or should I just use a different theme?









<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/ZBRll1h5m/scrollup.js"></script>
<title>{TITLE}</title>
<link rel="shortcut icon" href="{Favicon}">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="description" content="{MetaDescription}" />
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
{block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/Lillcjek4/infinitetumblrbycodysherman.js"></script>{/block:IfEndlessScrolling}



<meta name="if:Endless Scrolling" content="0"/>
<meta name="text:Link 1 Name" content=""/>
<meta name="text:Link 1 URL" content=""/>

<meta name="text:Link 2 Name" content=""/>
<meta name="text:Link 2 URL" content=""/>

<meta name="text:Link 3 Name" content=""/>
<meta name="text:Link 3 URL" content=""/>

<meta name="text:Link 4 Name" content=""/>
<meta name="text:Link 4 URL" content=""/>

<meta name="text:Link 5 Name" content=""/>
<meta name="text:Link 5 URL" content=""/>

<meta name="color:Background" content="#f0f0f0"/>
<meta name="text:background image position" content="none"/>
<meta name="if:background image not repeat" content="0"/>
<meta name="if:background image fixed" content="1"/>

<meta name="color:text" content="#242424"/>
<meta name="text:font size" content="11"/>
<meta name="font:body" content="arial"/>

<meta name="color:link" content="#242424" />
<meta name="color:link hover" content="#3D3B3B" />

<meta name="color:title" content="#222" />
<meta name="color:title hover" content="#3D3B3B" />
<meta name="text:title size" content="25"/>
<meta name="font:title" content="arial"/>

<meta name="color:border" content="#000000" />
<meta name="color:posts background" content="#ffffff" />
<meta name="color:description background" content="#f0f0f0" />

<meta name="color:navigation" content="#fff" />
<meta name="color:navigation hover" content="#fff" />
<meta name="color:navigation background" content="#000000" />

<style type="text/css">

body {
background-color:{color:Background};
background-image:url(http://www.dolliehost.com/dolliecrave/myspace-layouts/yummy/67.gif);
background-position:{text:background image position};
{block:IfBackgroundImageNotRepeat}background-repeat:no-repeat;{/block:IfBackgroundImageNotRepeat}
{block:IfBackgroundImageFixed}background-attachment: fixed;{/block:IfBackgroundImageFixed}
color:{color:Text};
font-size:{text:font size}px;
font-family:{font:body};

}

a, a:visited, a:active {
color:{color:Link};
}

a:hover {
color:{color:link hover};
}

a.nav:link, a.nav:active, a.nav:visited{
color:{color:navigation};
}

a.nav:hover{
color:{color:navigation hover};
}

#content{
border:1px solid {color:border};
background-color: {color:posts background};
}

#description{
background-color:{color:description background};
}

#navdiv{
background-color:{color:navigation background};
color:{color:navigation};
}

a.post_title, .post_title{
color:{color:title};
font-family: arial;
letter-spacing:-1px;
font-size:{text:title size}px;
}

a.post_title:hover, .post_title:hover{
color:{color:title hover};
}

.quote {
font-size:{text:title size}px;
color:#000000;
font-family: 'Dancing Script', arial, serif;
}

.pagination {
font-size:{text:title size}px;
}


img {
border:0px;
margin: 0px;
max-width: 500px;
background-color:none;

}

img:hover {
border:0px;
margin: 0px;
max-width: 500px;
background-color:none;

}

a, a:visited, a:active {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.nav,
a.nav:link,
a.nav:active,
a.nav:visited
{
text-decoration: none;
text-transform:lowercase;
}

a.nav:hover{text-decoration:underline;}

.tumblr_dot_com {width: 550px; margin: auto;}
#navdiv{padding: 5px; margin-bottom: 5px; font-size: 12px;margin-top: 50px;}

#content{
border-top: 0px;
margin-top: -5px;
padding:10px;
}

#description{padding:5px;}

#posts{
margin-bottom:5px;
padding:10px;
overflow:show;
}

a.post_title, .post_title{
font-family: arial;
letter-spacing:-1px;
font-weight:bold;
text-decoration:none;
display:block;
margin-bottom:5px;
}

a.post_title:hover, .post_title:hover{
text-decoration:none;
}

.pagination {
font-weight:bold;
letter-spacing:-1px;
}

.question {
font-weight:bold;
letter-spacing:-1px;
}

.quote {
display:block;
line-height:auto;
letter-spacing:-1px;
}

.left{float:left;}
.right{float:right;}

li.dsq-widget-item {
padding-bottom: 1em;
margin-bottom: 1em;

}

a.dsq-widget-user {
display: block;

}

.clear {
clear: both;

}

p, ul, ol {
margin: 1em 0 1em;

}

ul, ol, blockquote {
padding-left: 0.50em;
margin-left: 2.5em;

}

ul {
list-style: square;

}

ol {
list-style: decimal;

}


ol.notes {
padding-right:20px;
list-style-type:none;
border-bottom: solid 1px #ccc;
}

ol.notes li.note {
border-top: solid 1px #ccc;
padding: 10px;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

ol.notes li.note span.action {
font-weight: bold;
}

{CustomCSS}

</style>
<body>


<div class="tumblr_dot_com"><div id="navdiv"><span class="right">
<a href="/" class="nav">home</a> •
{block:AskEnabled}<a href="/ask" class="nav">ask me</a> • {/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit" class="nav">submit</a> • {/block:SubmissionsEnabled}<a href="/archive" class="nav">archive</a> •
<a href="http://www.dolliecrave.com" class="nav" title="Tumblr Themes" target=_blank>Themes</a> •
{block:IfLink1Name} • <a href="{text:link 1 url}" class="nav">{text:link 1 name}</A> • {/block:IfLink1Name}
{block:IfLink2Name}<a href="{text:link 2 url}" class="nav">{text:link 2 name}</A> • {/block:IfLink2Name}
{block:IfLink3Name}<a href="{text:link 3 url}" class="nav">{text:link 3 name}</A> • {/block:IfLink3Name}
{block:IfLink4Name}<a href="{text:link 4 url}" class="nav">{text:link 4 name}</A> • {/block:IfLink4Name}
{block:IfLink5Name}<a href="{text:link 5 url}" class="nav">{text:link 5 name}</A>{/block:IfLink5Name}
</span>

<a href="/" class="nav">{title}</a> »
</div>

<div id="content">
<div id="description">
<a href="/"><img src="{PortraitURL-48}" align="left" style="margin-right:10px;" /></a>
{description}</div>

{block:HasPages}» {block:Pages}<a href="{URL}">{Label}</a> • {/block:Pages}<br><br>{/block:HasPages}


{block:IfEndlessScrolling}<div class="autopagerize_page_element">{/block:IfEndlessScrolling}
{block:Posts}<div id="posts">
{block:Regular}
{block:Title}<span class="post_title">{Title}</span>{/block:Title}

{Body}


<BR clear="all" />
<div style="float:left;"><a href="{permalink}">{NoteCountWithLabel}</a></div>
{block:IndexPage}<div style="float:right;"><a href="{ReblogURL}">← reblog</a></div>{/block:IndexPage}
{block:HasTags}<br clear="all" />{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
<BR><br clear="all" /><BR>

{/block:Regular}





{block:Photo}


<a href="{LinkURL}" target="_blank"><img src="{PhotoURL-500}" width="500px" /></a>
{block:IfShowPictureCaption}{block:Caption} {Caption} <BR>{/block:Caption}{/block:IfShowPictureCaption}

<BR clear="all" />
<div style="float:left;"><a href="{permalink}">{NoteCountWithLabel}</a></div>
{block:IndexPage}<div style="float:right;"><a href="{ReblogURL}">← reblog</a></div>{/block:IndexPage}
{block:HasTags}<br clear="all" />{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
<BR><br clear="all" /><BR>
{/block:Photo}





{block:Photoset}
{PhotoSet-500}
{block:IfShowPictureCaption}{block:Caption} {Caption} <BR>{/block:Caption}{/block:IfShowPictureCaption}

<BR clear="all" />
<div style="float:left;"><a href="{permalink}">{NoteCountWithLabel}</a></div>
{block:IndexPage}<div style="float:right;"><a href="{ReblogURL}">← reblog</a></div>{/block:IndexPage}
{block:HasTags}<br clear="all" />{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
<BR><br clear="all" /><BR>
{/block:Photoset}





{block:Quote}
<span class="quote"><b>“</B>{Quote}<b>”</b></span><BR>
{block:Source}– {Source}{/block:Source}

<BR clear="all" />
<div style="float:left;"><a href="{permalink}">{NoteCountWithLabel}</a></div>
{block:IndexPage}<div style="float:right;"><a href="{ReblogURL}">← reblog</a></div>{/block:IndexPage}
{block:HasTags}<br clear="all" />{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
<BR><br clear="all" /><BR>
{/block:Quote}





{block:Link}
<a href="{URL}" class="post_title" target="_blank">→ {Name}</a>

{Description}

<BR clear="all" />
<div style="float:left;"><a href="{permalink}">{NoteCountWithLabel}</a></div>
{block:IndexPage}<div style="float:right;"><a href="{ReblogURL}">← reblog</a></div>{/block:IndexPage}
{block:HasTags}<br clear="all" />{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
<BR><br clear="all" /><BR>
{/block:Link}





{block:Conversation}
{block:Title}<span class="post_title">{Title}</span>{/block:Title}

{block:Lines}
{block:Label}<b><span class="label">{Label}</b></span>{/block:Label}
{Line}<BR>
{/block:Lines}

<BR clear="all" />
<div style="float:left;"><a href="{permalink}">{NoteCountWithLabel}</a></div>
{block:IndexPage}<div style="float:right;"><a href="{ReblogURL}">← reblog</a></div>{/block:IndexPage}
{block:HasTags}<br clear="all" />{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
<BR><br clear="all" /><BR>
{/block:Conversation}





{block:Audio}<center>
<b>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</b><br>
{block:AlbumArt}<img src="{AlbumArtURL}" width="200px" height="200px" />{/block:AlbumArt}<br>
{AudioPlayerGrey}
{PlayCountWithLabel} {block:ExternalAudio}- <a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}
{block:Caption} {Caption} {/block:Caption}</center>

<BR clear="all" />
<div style="float:left;"><a href="{permalink}">{NoteCountWithLabel}</a></div>
{block:IndexPage}<div style="float:right;"><a href="{ReblogURL}">← reblog</a></div>{/block:IndexPage}
{block:HasTags}<br clear="all" />{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
<BR><br clear="all" /><BR>
{/block:Audio}





{block:Video}
{Video-500}

<BR>{Caption}

<BR clear="all" />
<div style="float:left;"><a href="{permalink}">{NoteCountWithLabel}</a></div>
{block:IndexPage}<div style="float:right;"><a href="{ReblogURL}">← reblog</a></div>{/block:IndexPage}
{block:HasTags}<br clear="all" />{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
<BR><br clear="all" /><BR>
{/block:Video}




{block:Answer}
<span class="question">{Asker} said: {Question}</span><BR>
{answer}

<BR><br clear="all" />
{/block:answer}

{block:PostNotes} {PostNotes} {/block:PostNotes}

</div>{/block:Posts}
{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}


{block:Pagination}<div id="posts"><center><span class="pagination">
{block:PreviousPage}<a href="{PreviousPage}" title="newer posts">« previous</a> | {/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" title="older posts">next »</a>{/block:NextPage}
</center></span></div>{/block:Pagination}



</div></div></div></div>


</body></html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 16th April 2024 - 04:17 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC