The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr Theme Column Help?
beexcellent
post Jul 27 2012, 05:42 AM
Post #1





Group: Members
Posts: 1
Joined: 27-July 12
Member No.: 17,502



I am using the tumblr theme Tessellated (http://www.tumblr.com/theme/30524) on my blog (http://www.be-excellent.tumblr.com).

I don't like how small the pictures/columns are.

Is there any way I could make the columns bigger (I'd be okay with having fewer columns with the result of bigger pictures) by messing with the html? Simple instructions would be best, I'm an html novice.

Thanks so much.

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="{block:IndexPage}index{/block:IndexPage}{block:PermalinkPage}permalink{/block:PermalinkPage}" class="no-js {block:ifNotInfiniteScroll}no-{/block:ifNotInfiniteScroll}infscr {block:ifNotEnableAnimations}no-{/block:ifNotEnableAnimations}animations transitions {block:ifNotFadeInFirstPage}no-{/block:ifNotFadeInFirstPage}fadein {block:ifNotMobileCompatibility}no-{/block:ifNotMobileCompatibility}mobcompat not-mobile">
  <!--
    Tessellate theme version 2.1 // balloonies.tumblr.com
    Install // www.tumblr.com/theme/30524 (ALWAYS INSTALL FROM HERE)
  -->
  <head>
    <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/eatauj5/uCmlcby26/reset-min.css" />
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/eatauj5/ah5lz703s/tessellate.2.1.min.css" />
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="viewport" content="width=1080" />
    <meta name="color:Border" content="#f1f1f1" />
    <meta name="color:Link" content="#708090" />
    <meta name="color:Meta background" content="#ffffff" />
    <meta name="color:Meta font" content="#708090" />
    <meta name="color:No album art background" content="#eeeeee" />
    <meta name="color:Page background" content="#ffffff" />
    <meta name="color:Page font" content="#999999" />
    <meta name="color:Post background" content="#ffffff" />
    <meta name="color:Title" content="#708090" />
    <meta name="font:Page" content="courier new,monospace" />
    <meta name="font:Title" content="courier new,monospace" />
    <meta name="image:Background" content="" />
    <meta name="image:Header" content="" />
    <meta name="if:Border around index posts" content="1" />
    <meta name="if:Border around permalink content" content="0" />
    <meta name="if:Border around permalink meta" content="0" />
    <meta name="if:Center header image" content="0" />
    <meta name="if:Contextual time on index page" content="0" />
    <meta name="if:Enable animations" content="1" />
    <meta name="if:Enable permalink pagination" content="0" />
    <meta name="if:European time format" content="1" />
    <meta name="if:Fade in first page" content="1" />
    <meta name="if:Fixed background image" content="0" />
    <meta name="if:Infinite Scroll" content="0" />
    <meta name="if:Larger 7th photo" content="0" />
    <meta name="if:Larger 14th photo" content="0" />
    <meta name="if:Mobile compatibility" content="0" />
    <meta name="if:Show date on index page" content="0" />
    <meta name="if:Show description over links" content="0" />
    <meta name="if:Show description under links" content="0" />
    <meta name="if:Show header slashes" content="1" />
    <meta name="if:Show notes on permalink page" content="1" />
    <meta name="if:Show RSS" content="0" />
    <meta name="if:Show search bar" content="1" />
    <meta name="if:Show title" content="1" />
    <meta name="if:Stretched background image" content="0" />
    <meta name="if:Transparent post background" content="0" />
    <meta name="if:White up arrow" content="0" />
    <meta name="text:Google Analytics ID" content="" />

    <style type="text/css">
      body, #search input {font-family:{font:Page}}
      body {color:{color:Page font};background-color:{color:Page background};{block:ifBackgroundImage}background-image:url('{image:Background}');{/block:ifBackgroundImage}{block:ifNotStretchedBackgroundImage}{block:ifFixedBackgroundImage}background-attachment:fixed;{/block:ifFixedBackgroundImage}{/block:ifNotStretchedBackgroundImage}{block:ifStretchedBackgroundImage}background-attachment:fixed;background-size:100% 100%;{/block:ifStretchedBackgroundImage}}
      a {color:{color:Link}}
      blockquote, #top, #search input, .the-border, #foot-nav {border-color:{color:Border}}
      {block:ifNotTransparentPostBackground}.post {background-color:{color:Post background}}{/block:ifNotTransparentPostBackground}
      .text .title, .the-quote, .the-link a, .chat .title, .asked {color:{color:Title};font-family:{font:Title}}
      .album-art, .audio-meta li {background-color:{color:No album art background}}
      #toTop {background-image:url('{block:ifWhiteUpArrow}http://static.tumblr.com/eatauj5/bFhll9tq4/arrow-up-white.png{/block:ifWhiteUpArrow}{block:ifNotWhiteUpArrow}http://static.tumblr.com/eatauj5/Wupll45l8/arrow-up.png{/block:ifNotWhiteUpArrow}')}
      #index .meta, .caption-outer {background-color:{color:Meta background}}
      #index .meta a, .caption-inner {color:{color:Meta font}}
      {CustomCSS}
    </style>

    <script type="text/javascript">
      var tessellate = {
        search: '{lang:Search}',
        analytics: {block:ifGoogleAnalyticsID}true{/block:ifGoogleAnalyticsID}{block:ifNotGoogleAnalyticsID}false{/block:ifNotGoogleAnalyticsID},
        infscr: {block:ifInfiniteScroll}true{/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}false{/block:ifNotInfiniteScroll},
        animations: {block:ifEnableAnimations}true{/block:ifEnableAnimations}{block:ifNotEnableAnimations}false{/block:ifNotEnableAnimations},
        fadein: {block:ifFadeInFirstPage}true{/block:ifFadeInFirstPage}{block:ifNotFadeInFirstPage}false{/block:ifNotFadeInFirstPage}
      }
    </script>
    {block:ifGoogleAnalyticsID}<script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>{/block:ifGoogleAnalyticsID}
    {block:IndexPage}<script type="text/javascript" src="http://assets.tumblr.com/javascript/tumblelog.js"></script>{/block:IndexPage}
    <script type="text/javascript" src="http://static.tumblr.com/eatauj5/aBHly2e80/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="http://static.tumblr.com/eatauj5/832lz70q4/tessellate.2.1c.min.js"></script>
  </head>

  <body>
    <div id="container">
      {block:ifHeaderImage}<div id="header" class="{block:ifCenterHeaderImage}centered{/block:ifCenterHeaderImage}"><a href="/"><img src="{image:Header}" alt="{Title}" /></a></div>{/block:ifHeaderImage}
      <div id="top">
        {block:ifNotShowDescriptionUnderLinks}{block:ifShowDescriptionOverLinks}{block:Description}
        <div id="description">
          {Description}
        </div>
        {/block:Description}{/block:ifShowDescriptionOverLinks}{/block:ifNotShowDescriptionUnderLinks}


        <div id="top-nav">
          <ul id="links" class="{block:ifShowSearchBar}capped{/block:ifShowSearchBar} {block:ifNotShowHeaderSlashes}unslashed{/block:ifNotShowHeaderSlashes}">
            {block:ifNotHeaderImage}{block:ifShowTitle}<li id="title"><a href="/">{Title}</a><span class="s d"> // </span></li>{/block:ifShowTitle}{/block:ifNotHeaderImage}
            {block:ifNotShowDescriptionUnderLinks}{block:ifNotShowDescriptionOverLinks}{block:Description}<li id="description">{Description}<span class="s d"> // </span></li>{/block:Description}{/block:ifNotShowDescriptionOverLinks}{/block:ifNotShowDescriptionUnderLinks}
            <li><a href="/archive">{lang:Archive}</a></li>
            {block:HasPages}{block:Pages}<li><span class="s"> / </span><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
            {block:AskEnabled}<li><span class="s"> / </span><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
            {block:SubmissionsEnabled}<li><span class="s"> / </span><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
            {block:ifShowRSS}<li><span class="s"> / </span><a href="{RSS}">{lang:RSS}</a></li>{/block:ifShowRSS}
            <li><span class="s"> / </span><a href="http://www.tumblr.com/theme/30524" rel="nofollow">Theme</a></li>
          </ul>

          {block:ifShowSearchBar}
          <form action="/search" method="get" name="search-form" id="search">
            <input type="text" name="q" value="{lang:Search}" />
          </form>
          {/block:ifShowSearchBar}
        </div>

        {block:ifShowDescriptionUnderLinks}{block:Description}
        <div id="description">
          {Description}
        </div>
        {/block:Description}{/block:ifShowDescriptionUnderLinks}
      </div>

      <div id="content" class="{block:ifBorderAroundIndexPosts}border-index-post{/block:ifBorderAroundIndexPosts} {block:ifBorderAroundPermalinkContent}border-perm-content{/block:ifBorderAroundPermalinkContent} {block:ifBorderAroundPermalinkMeta}border-perm-meta{/block:ifBorderAroundPermalinkMeta}">
        {block:Posts}
        <div {block:Date}id="post-{PostID}"{/block:Date} class="post {block:Text}text {/block:Text}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Answer}answer {/block:Answer}{block:Photo}photo not-{/block:Photo}{block:Photoset}photoset not-{/block:Photoset}{block:Audio}audio not-{/block:Audio}{block:Video}video not-{/block:Video}wordy {block:Date}not-{/block:Date}page {block:IndexPage}{block:ifFadeInFirstPage}invisible{/block:ifFadeInFirstPage} {block:Photo}{block:Post7}{block:ifLarger7thPhoto}wide{/block:ifLarger7thPhoto}{/block:Post7}{block:Post14}{block:ifLarger14thPhoto}wide{/block:ifLarger14thPhoto}{/block:Post14}{/block:Photo}{block:Video}wide{/block:Video} transition-opacity{/block:IndexPage}">
          {block:IndexPage}{block:ifMobileCompatibility}<a href="{Permalink}" class="mobile-shield"></a>{/block:ifMobileCompatibility}{/block:IndexPage}
          <div class="content-block left-block the-border">
            <div class="post-content the-border">
              {block:Text}
              {block:Title}<h2 class="title">{Title}</h2>{/block:Title}
              {body}
              {/block:Text}

              {block:Photo}
              <div class="the-photo">
                {block:IndexPage}{LinkOpenTag}<img src="{block:Post1}{PhotoURL-250}{/block:Post1}{block:Post2}{PhotoURL-250}{/block:Post2}{block:Post3}{PhotoURL-250}{/block:Post3}{block:Post4}{PhotoURL-250}{/block:Post4}{block:Post5}{PhotoURL-250}{/block:Post5}{block:Post6}{PhotoURL-250}{/block:Post6}{block:Post7}{block:ifLarger7thPhoto}{PhotoURL-500}{/block:ifLarger7thPhoto}{block:ifNotLarger7thPhoto}{PhotoURL-250}{/block:ifNotLarger7thPhoto}{/block:Post7}{block:Post8}{PhotoURL-250}{/block:Post8}{block:Post9}{PhotoURL-250}{/block:Post9}{block:Post10}{PhotoURL-250}{/block:Post10}{block:Post11}{PhotoURL-250}{/block:Post11}{block:Post12}{PhotoURL-250}{/block:Post12}{block:Post13}{PhotoURL-250}{/block:Post13}{block:Post14}{block:ifLarger14thPhoto}{PhotoURL-500}{/block:ifLarger14thPhoto}{block:ifNotLarger14thPhoto}{PhotoURL-250}{/block:ifNotLarger14thPhoto}{/block:Post14}{block:Post15}{PhotoURL-250}{/block:Post15}" alt="{PhotoAlt}" />{LinkCloseTag}{/block:IndexPage}
                {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}{/block:PermalinkPage}
              </div>
              {/block:Photo}

              {block:Photoset}
              <div class="the-photoset layout{PhotosetLayout}">
                {block:IndexPage}{Photoset-250}{/block:IndexPage}
                {block:PermalinkPage}<!--
                -->{block:Photos}<span class="photoset-image">
                  <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" /></a>
                  {block:Caption}<span class="caption-outer">
                    <span class="caption-inner">{Caption}</span>
                  </span>{/block:Caption}
                </span>{/block:Photos}<!--
                -->{/block:PermalinkPage}
              </div>
              {/block:Photoset}

              {block:Quote}
              <h2 class="the-quote">{Quote}</h2>
              {block:Source}<div class="quote-source"> {Source}</div>{/block:Source}
              {/block:Quote}

              {block:Link}
              <h2 class="the-link"><a href="{URL}" {Target}>{Name}</a></h2>
              {block:Description}{Description}{/block:Description}
              {/block:Link}

              {block:Chat}
              {block:Title}<h2 class="title">{Title}</h2>{/block:Title}
              <ul class="the-chat">
                {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
              </ul>
              {/block:Chat}

              {block:Audio}
              <div class="album-art">
                <div class="audio-circle"><div class="the-audio hideflash">{AudioPlayerBlack}</div></div>
                {block:AlbumArt}<img src="{AlbumArtURL}" class="the-album-art" alt="" />{/block:AlbumArt}
              </div>
              {block:PermalinkPage}
              <ul class="audio-meta">
                {block:TrackName}<li class="trackname">{TrackName}</li>{/block:TrackName}
                {block:Artist}<li class="artist">{Artist}</li>{/block:Artist}
                {block:Album}<li class="album">{Album}</li>{/block:Album}
              </ul>
              {/block:PermalinkPage}
              {/block:Audio}

              {block:Video}
              <div class="the-video hideflash">{Video-500}</div>
              {/block:Video}

              {block:Answer}
              <h2 class="asked"><span class="asker">{lang:Asker asked}</span>: <span class="question">{Question}</span></h2>
              {Answer}
              {/block:Answer}

              {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
            </div> <!-- /.post-content -->
          </div> <!-- /.left-block -->

          {block:Date}
          <div class="content-block right-block">
            <div class="meta the-border transition-height">
              <a href="{Permalink}" title="{lang:Permalink}" class="permalink">{NoteCount} ♥ {block:IndexPage}{block:ifShowDateOnIndexPage} <span class="s">/</span> {block:ifContextualTimeOnIndexPage}{TimeAgo}{/block:ifContextualTimeOnIndexPage}{block:ifNotContextualTimeOnIndexPage}{block:ifEuropeanTimeFormat}{DayOfMonth} {Month}, {Year}{/block:ifEuropeanTimeFormat}{block:ifNotEuropeanTimeFormat}{Month} {DayOfMonth}, {Year}{/block:ifNotEuropeanTimeFormat}{/block:ifNotContextualTimeOnIndexPage}{/block:ifShowDateOnIndexPage}{/block:IndexPage}</a>
              {block:PermalinkPage} <span class="s">/</span> {block:ifEuropeanTimeFormat}{DayOfMonth} {Month}, {Year}{/block:ifEuropeanTimeFormat}{block:ifNotEuropeanTimeFormat}{Month} {DayOfMonth}, {Year}{/block:ifNotEuropeanTimeFormat}
              {block:ContentSource} <span class="s">/</span> <span class="source-label">{lang:Source}:</span> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
              {block:RebloggedFrom}<!--{lang:Reblogged from ReblogParentName}-->{/block:RebloggedFrom}

              {block:HasTags}
              <ul class="tagged">
                <li class="tag-label">{lang:Tagged}:</li>
                {block:Tags}<li class="tag"><a href="{TagURL}">{Tag}</a><span>, </span></li>{/block:Tags}
              </ul>
              {/block:HasTags}{/block:PermalinkPage}
            </div>

            {block:ifShowNotesOnPermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:ifShowNotesOnPermalinkPage}
          </div>
          {/block:Date}
        </div> <!-- /.post -->
        {/block:Posts}

        {block:NoSearchResults}
        <div id="no-results" class="post text wordy page opaque">
          <div class="left-block the-border">
            <div class="post-content">
              <h2 class="title">{lang:No posts found}</h2>
              <p>{lang:Sorry no search results found}</p>
            </div>
          </div>
        </div>
        {/block:NoSearchResults}
      </div> <!-- /#content -->

      {block:Pagination}
      <ul id="foot-nav">
        {block:PreviousPage}<li class="prev"><a href="{PreviousPage}">← {lang:Newer}</a></li>{/block:PreviousPage}
        {block:JumpPagination length="5"}
        {block:CurrentPage}<li class="current-page"><span>{PageNumber}</span></li>{/block:CurrentPage}
        {block:JumpPage}<li class="jump-page"><a href="{URL}">{PageNumber}</a></li>{/block:JumpPage}
        {/block:JumpPagination}
        {block:NextPage}<li class="next"><a href="{NextPage}">{lang:Older} →</a></li>{/block:NextPage}
      </ul>
      {/block:Pagination}
      {block:ifEnablePermalinkPagination}{block:PermalinkPagination}
      <ul id="foot-nav">
        {block:NextPost}<li class="next"><a href="{NextPost}">← {lang:Newer}</a></li>{/block:NextPost}
        {block:PreviousPost}<li class="prev"><span class="s"> / </span><a href="{PreviousPost}">{lang:Older} →</a></li>{/block:PreviousPost}
      </ul>
      {/block:PermalinkPagination}{/block:ifEnablePermalinkPagination}
    </div> <!-- /#container -->

    {block:ifInfiniteScroll}{block:IndexPage}<div id="loading"></div>{/block:IndexPage}{/block:ifInfiniteScroll}
  </body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

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

 



- Lo-Fi Version Time is now: 25th October 2014 - 03:43 AM