Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Location
    Providence, RI
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Tumblr theme width issue help?

    Hello!

    I've been coding my tumblr theme (please look for current state here: http://www.tammyanntan.tumblr.com/) - but as you can see, posts are smaller than the maximum 500px.

    I haven't implemented a code for the HighRes larger photo posts, but am trying to figure out what is shrinking then entirety of the entries. It shows as full in Preview mode, but not published.

    I'd really appreciate any help to find out what I have done in error here! Thank you in advance. :)

    Here is a current copy of the theme's code:




    <!DOCTYPE html><html>

    <head>




    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}


    <meta name="color:background" content="#fcfaf3"/>
    <meta name="color:border" content="f3f1f1"/>
    <meta name="color:text" content="#b6b5b5"/>
    <meta name="color:link" content="#a8a7a7"/>
    <meta name="color:linkhover" content="f1d65d"/>
    <meta name="color:scrollbg" content="#ffffff" />
    <meta name="color:scrollbar" content="#dfdfdf" />


    <meta name="image:sidebar" content=""/>


    <!-- LINKS -->
    <meta name="text:home link" content="london" />
    <meta name="text:home url" content="/" />
    <meta name="text:link 3" content="link 3" />
    <meta name="text:link 3 url" content="/" />
    <meta name="text:ask link" content="ask me" />
    <meta name="text:ask url" content="/ask" />
    <meta name="text:link 1" content="link 1" />
    <meta name="text:link 1 url" content="/" />
    <meta name="text:link 2" content="link 2" />
    <meta name="text:link 2 url" content="/" />

    <link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>

    <!-- ScrolltoTop -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
    <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="http://media.tumblr.com/c92c73d368a2a305e9a3302fa07e0e57/tumblr_inline_mfnzydxael1rw4cms.png" title="Go to Top" alt="Go to Top"/></a>



    <style type="text/css">




    /* --- BODY ---*/

    body {background:{color:background}; margin:0px; color:{color:text}; font-family:cambria; font-size:13px; line-height:140%;}

    #scrollToTop:link,
    #scrollToTop:visited {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    }

    blockquote {
    border-left:1px solid #696363;
    padding-left:2px;
    margin:5px;
    }

    a:hover {text-decoration:none; opacity:0.9;}


    a {color:#61534f; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

    ::-webkit-scrollbar {
    width: 5px;height: 5px;}
    ::-webkit-scrollbar-button:start:decrement,
    ::-webkit-scrollbar-button:end:increment {
    height: 6px;display: block;background-color: {color:scrollbar};}
    ::-webkit-scrollbar-track-piece {
    background-color: {color:background};}
    ::-webkit-scrollbar-thumb:vertical {
    height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:background};border-bottom:1px solid {color:background};}
    ::-moz-selection {background-color:{color:linkhover};color:{color:subtext};}
    ::selection {background-color:{color:linkhover};color:{color:subtext};}





    #entries {padding:10px; width:500px; margin-left:500px; margin-top:50px;}



    #post {width:500px; padding-bottom:30px; font-style:none;}

    #creditz {position:fixed; text-align:right; background-color:{color:question};bottom:10px; right:10px; font-size:9px; font-family:calibri;color:{color:text}; text-transform:uppercase;padding: 3px 7px 3px 7px; letter-spacing: 1px;border: 1px solid {color:border}; width:auto;height: auto;font-style:normal;}

    /*hover reblog*/

    /* --- SIDEBAR ---*/

    #sidebar {width:220px; position:fixed; margin-left:-10px; margin-top:100px;}

    #sidebarimage {width:130px;}

    #sidebarimage img { margin-left:300px; width:130px; margin-top:-6px; border:none; color:{color:border}; padding:5px; padding-bottom:6px; background-color: ##fffffd;}

    #description {padding:8px; padding-top:35px;margin-left: 72px; margin-top:-0px; width: 134px; line-height: 130%; text-transform:none; text-align:center; font-family:cambria; color:#a89e9e; font-size: 12px; font-style: none; font-style:none;}

    #links{margin-top:-155px; margin-left:230px;position: fixed; line-height:14px;}

    .linkz {font-family"PT Serif"; letter-spacing:1px;height:10px; padding-bottom:8px; padding-left:3px; padding-right:9px; padding-top:5px; width:50px; border:1px solid; color:{color:border}; border-right:none; border-left:none; border-top:none;}

    .linkz:hover {text-decoration:none; padding-left:10px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

    #links a {font-size:10px; color:#a89e9e; font-style:none; text-align:center; text-transform:uppercase;}

    #accent {margin-top:-5px; margin-left:0px; font-size:8px; font-weight:500px; color:{color:border}; text-align:center;}

    #questions {background-color: #fcfcfc; color: {color:text}; border-top: dotted 1px {color:border}; margin-left:0px; padding:11px; margin-top: 5px; margin-bottom:5px; font-family:cambria; font-size:10px; font-style:italic; text-align:left;}

    .note {padding:0px 20px 0px 20px; background-color:#FFFFFF;text-transform:lowercase; letter-spacing:0px; font-size: 11px; font-style:italic; text-align:left; line-height:120%;}

    .note li {list-style-type:none; padding:5px 25px 5px 25px; text-align:left;
    margin-left:30px; margin-top:-50px;}

    #info {font-family:calibri; text-align:center; margin-top:5px; padding-top:5px; padding:5px; text-transform:uppercase; font-style:none; font-size:8px; line-height:80%; border-top: 1px solid #f8f8f8;}

    #date {font-family:calibri; text-align:justify; text-transform:uppercase; font-size:11px;}

    #photo {width:auto;}

    #tags {font-family:calibri; text-align:center; margin-top:-5px; padding-bottom:3px; text-transform:uppercase; font-style:none; font-size:8px;}

    #pagination {margin-top:-400px; position:fixed; opacity:1;}



    {CustomCSS}</style>


    </head><body>


    <div id="sidebar">
    <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
    <div id="links">
    <div class="linkz">
    <a href="/">{text:home link}</a><br></div>
    <div class="linkz">
    <a href="{text:link 3 url}">{text:link 3}</a><br></div>
    <div class="linkz">
    <a href="/ask">{text:ask link}</a><br></div>
    <div class="linkz">
    <a href="{text:link 1 url}">{text:link 1}</a><br></div>
    <div class="linkz">
    <a href="{text:link 2 url}">{text:link 2}</a><br></div>


    <div id="description">{Description}{/Block:Description}
    <br><br>
    <div id="accent">
    ...........................................................</div>
    <br>
    <!-- <a href="{PreviousPage}"> prev </a> -
    <a href="{NextPage}">next</a> -->
    {block:PreviousPage} <a href="{PreviousPage}">next <font size="4"></font></a>{/block:PreviousPage}
    {block:NextPage}<a href="{NextPage}"><font size="4"> </font> prev</a>{/block:NextPage}
    <br>
    {block:PermalinkPagination}
    {block:NextPost}<a href="{NextPost}"><font size="6"> </font></a>{/block:NextPost}
    {block:PreviousPost} <a href="{PreviousPost}"><font size="6"> </font></a>{/block:PreviousPost}
    {/block:PermalinkPagination}<p>
    </div>
    </div>
    </div>




    <div id="entries">{block:Posts} <div id="post"><a href="{Permalink}">
    <div id="date">{block:date}{Month} {DayOfMonth} {Year} {/block:date}</div>
    <h1>{block:Title}{Title}{/block:Title}</h1> {block:Text} {Body}{/block:Text}


    {block:Photo}<center> <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </center>{block:Caption}{Caption}{/block:Caption}
    {/block:Photo}

    {block:Photoset}
    <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
    {/block:Photoset}

    {block:Quote}{Quote}{block:Source} {Source}{/block:Source}{/block:Quote}

    {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

    {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

    {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

    {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

    {block:Answer}<div id="questions">❝<b>{Asker}</b> said: {Question}</div>
    <div id="answer"><i>{Answer}</i></div>{/block:answer}

    <div id="info">
    </a> {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}</a> {block:ContentSource} <a href="{SourceURL}">( {SourceURL}</a>){/block:ContentSource}</div>

    <div id="tags">
    {block:HasTags} {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>

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



    </div>

    </body>

    </html>
    Last edited by minimia; 12-27-2012 at 06:01 PM.

  • #2
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    4
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Hi Tammy,

    Your posts seem to be the correct width to me, my browser is telling me they are 500px wide. Could it be your browser page is zoomed-out?

  • Users who have thanked Paripka for this post:

    minimia (12-27-2012)

  • #3
    New to the CF scene
    Join Date
    Dec 2012
    Location
    Providence, RI
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Now I feel silly! Thank you!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •