Tumblr Theme - Changing Theme from Multi-Column to One Column |
Tumblr Theme - Changing Theme from Multi-Column to One Column |
ZiggyStardust |
Nov 19 2014, 12:51 PM
Post
#1
|
Group: Members Posts: 2 Joined: 19-November 14 Member No.: 21,827 |
Hey Everyone -
I've been trying for the past 3 days to figure out how to make this multi-columned theme into a single-columned theme where the column runs down the center of the page. My code is below. Can anyone help? Thanks so much in advance. <!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" id="{block:indexpage}ind{/block:indexpage}{block:permalinkpage}per{/block:permalinkpage}"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> {Title}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage} </title> <!-- ========================================================== Povouir v.3 BY THEMECLOSET ========================================================== AUTHOR : YONGJU / YONGJU.CO.KR PUBLISHER : THEMECLOSET ALL RIGHTS RESERVED BY AUTHOR AND PUBLISHER PUBLISHED : September 22 2014 LAST UPDATED : October 11 2014 CURRENT VERSION : 3.1.0 COPYRIGHTED OPEN SOURCES ARE DECLARED BY STATEMENT This content contains material protected under International and Federal Copyright Laws and Treaties. Any unauthorized reprint or use of this material is prohibited. No part of this content may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage and retrieval system without express written permission from the author / publisher. ========================================================== DO NOT ALTER BODY.CSS ========================================================== @2013-2014 THEMECLOSET / ALL RIGHTS RESERVED CHECK README FILE TO LEARN MORE FEEDBACK IS WELCOME / @ DYDWN600@NAVER.COM jQuery Colorbox v1.4.14 - 2013-04-16 © 2013 Jack Moore - jacklmoore.com/colorbox license: http://www.opensource.org/licenses/mit-license.php Infinite Scroll + https://github.com/paulirish/infinite-scroll + version 2.0b2.120519 + Copyright 2011/12 Paul Irish & Luke Shumard + Licensed under the MIT license + Documentation: http://infinite-scroll.com/ jQuery Masonry v2.0.110825 & Imagesloaded.js * A dynamic layout plugin for jQuery * The flip-side of CSS Floats * http://masonry.desandro.com * Licensed under the MIT license. * Copyright 2011 David DeSandro Font Credit : http://fontastic.me / Google fonts * Font Awesome / MIT License + Entypo / Creative License 3.0 + Steadsets / Free for personal and commercial projects + Linetons / Free * 80shades / Free * Justverctor Free Icons / Free + Open sans & Lato by goolge fonts / Free license Browser Selectr.js * License :http://creativecommons.org/licenses/by/2.5/ * Original Author: Rafael Lima: http://rafael.adm.br * Based on idea by 37signals * http://37signals.com/svn/archives2/browser...tors_in_css.php Html shiv.js * Dual licensed under the MIT or GPL Version 2 licenses * https://code.google.com/p/html5shiv/ Css reset * http://meyerweb.com/eric/tools/css/reset/ * v2.0 | 20110126 * License: none (public domain) ========================================================== --> <meta property=”og:title” content=”{title}”> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description} <meta name="viewport" id="viewport" content="user-scalable=0;initial-scale=1.0, maximum-scale=1.0"> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <meta name="image:logo" content=""/> <meta name="image:Background" content=""/> <meta name="image:Header1" content="https://secure.static.tumblr.com/6f71690772b9140bf9ade630a8fb0469/kvwx9r7/QPfnc80ew/tumblr_static_ayuz6cqhy6wc0gkss0kwo8o4k.jpg"/> <meta name="image:Header2" content="https://secure.static.tumblr.com/66746970dfa759afb865bed4883bc999/kvwx9r7/2qqnc7tp2/tumblr_static_15a7yeae7ny80owkcwocso4gc.jpg"/> <meta name="image:Header3" content="http://112.imagebam.com/download/vY4_BS-ekzgcWCDK3J0r_A/36514/365133404/ayme.jpg"/> <meta name='text:Disqus Shortname' content=''> <meta name='font:Post Title Font' content='Istok Web'> <meta name="if:Use Black and white Photo" content="0" /> <meta name="text:Google analytics Web Property ID" content=""> <meta name="if:Use Caption" content="1" /> <meta name="if:Use Post Border" content="0" /> <meta name="if:Use Post Hover Effect" content="0" /> <meta name="if:Use Link Border" content="0" /> <meta name="if:Use Bigger Posts" content="1" /> <meta name="if:Use Archive Button" content="0" /> <meta name="if:Use Header Overlay" content="0" /> <meta name="if:Use SubMenu" content="1" /> <meta name="if:Use Slide down arrow" content="1" /> <meta name="if:Use Uppercased Title" content="1" /> <meta name="if:Use Pagination" content="0" /> <meta name="if:Use Ask Button" content="1" /> <meta name="if:Resize Header" content="0" /> <meta name="if:Keep Open SubMenu" content="0" /> <meta name="if:Hide Tags" content="0" /> <meta name="font:title" content="Lorimer No 2" /> <meta name="select:Post Title Size" content="10pt" title="10pt"> <meta name="select:Post Title Size" content="12pt" title="12pt"> <meta name="select:Post Title Size" content="14pt" title="14pt"> <meta name="select:Post Title Size" content="16pt" title="16pt"> <meta name="select:Post Title Size" content="18pt" title="18pt"> <meta name="select:Post Title Size" content="20pt" title="20pt"> <meta name="select:Post Title Size" content="22pt" title="22pt"> <meta name="select:Post Title Size" content="24pt" title="24pt"> <meta name="select:Icons Size" content="8pt" title="8pt"> <meta name="select:Icons Size" content="9pt" title="9pt"> <meta name="select:Icons Size" content="10pt" title="10pt"> <meta name="select:Icons Size" content="12pt" title="12pt"> <meta name="select:Icons Size" content="14pt" title="14pt"> <meta name="select:Icons Size" content="16pt" title="16pt"> <meta name="select:Icons Size" content="18pt" title="18pt"> <meta name="select:Icons Size" content="20pt" title="20pt"> <meta name="select:Icons Size" content="22pt" title="22pt"> <meta name="select:Icons Size" content="24pt" title="24pt"> <meta name="select:Title Bottom Speacing" content="14pt" title="14pt"> <meta name="select:Title Bottom Speacing" content="0pt" title="0pt"> <meta name="select:Title Bottom Speacing" content="1pt" title="1pt"> <meta name="select:Title Bottom Speacing" content="2pt" title="2pt"> <meta name="select:Title Bottom Speacing" content="3pt" title="3pt"> <meta name="select:Title Bottom Speacing" content="4pt" title="4pt"> <meta name="select:Title Bottom Speacing" content="5pt" title="5pt"> <meta name="select:Title Bottom Speacing" content="6pt" title="6pt"> <meta name="select:Title Bottom Speacing" content="7pt" title="7pt"> <meta name="select:Title Bottom Speacing" content="8pt" title="8pt"> <meta name="select:Title Bottom Speacing" content="9pt" title="9pt"> <meta name="select:Title Bottom Speacing" content="10pt" title="10pt"> <meta name="select:Title Bottom Speacing" content="12pt" title="12pt"> <meta name="select:Title Bottom Speacing" content="16pt" title="16pt"> <meta name="select:Title Bottom Speacing" content="18pt" title="18pt"> <meta name="select:Title Bottom Speacing" content="20pt" title="20pt"> <meta name="select:Title Bottom Speacing" content="22pt" title="22pt"> <meta name="select:Title Bottom Speacing" content="24pt" title="24pt"> <meta name="select:Title Bottom Speacing" content="29pt" title="29pt"> <meta name="select:Title Speacing" content="0pt" title="0pt"> <meta name="select:Title Speacing" content="1pt" title="1pt"> <meta name="select:Title Speacing" content="2pt" title="2pt"> <meta name="select:Title Speacing" content="3pt" title="3pt"> <meta name="select:Title Speacing" content="4pt" title="4pt"> <meta name="select:Title Speacing" content="5pt" title="5pt"> <meta name="select:Title Speacing" content="6pt" title="6pt"> <meta name="select:Title Speacing" content="7pt" title="7pt"> <meta name="select:Title Size" content="55pt" title="55pt"> <meta name="select:Title Size" content="15pt" title="15pt"> <meta name="select:Title Size" content="20pt" title="20pt"> <meta name="select:Title Size" content="25pt" title="25pt"> <meta name="select:Title Size" content="35pt" title="35pt"> <meta name="select:Title Size" content="45pt" title="45pt"> <meta name="select:Title Size" content="55pt" title="55pt"> <meta name="select:Title Size" content="65pt" title="65pt"> <meta name="select:Title Size" content="75pt" title="75pt"> <meta name="select:Title Size" content="85pt" title="85pt"> <meta name="select:Arrow To Bottom Size" content="25pt" title="25pt"> <meta name="select:Arrow To Bottom Size" content="15pt" title="15pt"> <meta name="select:Arrow To Bottom Size" content="20pt" title="20pt"> <meta name="select:Arrow To Bottom Size" content="30pt" title="30pt"> <meta name="select:Arrow To Bottom Size" content="40pt" title="40pt"> <meta name="select:Arrow To Bottom Size" content="45pt" title="45pt"> <meta name="color:Select Color" content="#ffd2a5" /> <meta name="color:Menus Color" content="#ffffff" /> <meta name="color:Link Color" content="#9c9c9c" /> <meta name="color:Link Hover Color" content="#ffd2a5" /> <meta name="color:Header Overlay" content="#000000" /> <meta name="color:Background Color" content="#efefef" /> <meta name="color:Post Background Color" content="#ffffff" /> <meta name="color:Post Title Color" content="#000000" /> <meta name="color:Post Content Color" content="#cccccc" /> <meta name="color:Ask Post Content Color" content="#545454" /> <meta name="color:Title Color" content="#ffffff" /> <meta name="color:Icons Color" content="#ffffff" /> <meta name="color:Description Color" content="#ffffff" /> <meta name="color:Post Note Texts Color" content="#aeaeae" /> <meta name="color:Sup Menu Background color" content="#ffffff" /> <meta name="color:Sup Menu Icons color" content="#aeaeae" /> <meta name="color:Sup Menu Search Icon color" content="#000000" /> <meta name="color:Header Scrolldown Arrow Color" content="#ffffff" /> <meta name="text:Custom link 1 URL" content="" /> <meta name="text:Custom link 1 title" content="" /> <meta name="text:Custom link 2 URL" content="" /> <meta name="text:Custom link 2 title" content="" /> <meta name="text:Custom link 3 URL" content="" /> <meta name="text:Custom link 3 title" content="" /> <meta name="text:Custom link 4 URL" content="" /> <meta name="text:Custom link 4 title" content="" /> <meta name="text:Personal Site URL" content="" /> <meta name="text:Facebook URL" content="" /> <meta name="text:Twitter URL" content="" /> <meta name="text:Pinterest URL" content="" /> <meta name="text:Instagram URL" content="" /> <meta name="text:Shop URL" content="" /> <meta name="text:SoundCloud URL" content="" /> <meta name="text:SCM Player Code" content="" /> <!--[if IE 7]> <style> body{ display:none} </style> <script> var url="http://themecloset.me/support/ie8";$(location).attr('href',url); </script> <![endif]--> <!--[if IE 8]> <style> body{ display:none} </style> <script> var url="http://themecloset.me/support/ie8";$(location).attr('href',url); </script> <![endif]--> <!-- HTML5 Shiv --> <!--[if lt IE 9]> <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"> </script> <![endif]--> {block:IfGoogleAnalyticsWebPropertyID} <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', '{text:Google Analytics ID}', 'tumblr.com'); ga('send', 'pageview'); </script> {/block:IfGoogleAnalyticsWebPropertyID} <script> (function(doc) { var viewport = document.getElementById('viewport'); if ( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) { doc.getElementById("viewport").setAttribute("content", "width=684"); } else if ( navigator.userAgent.match(/iPad/i) ) { doc.getElementById("viewport").setAttribute("content", "width=1067"); } } (document)); </script> <script type="text/javascript" src="http://static.tumblr.com/cvhjz4y/JWSn5a9bq/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/nx9ubj4/AxRn3ly80/masonry.pkgd.min.js"></script> <script src="http://static.tumblr.com/glziqhp/dTTlsbw8e/jquery.infinitescroll.min.js"></script> <link href='http://static.tumblr.com/kvwx9r7/4hkndbfhi/structure.css' rel='stylesheet' type='text/css'> <script src="http://static.tumblr.com/cvhjz4y/2Hlndbg5p/colrbox.js"></script> </script><script src="http://static.tumblr.com/cvhjz4y/Ts5n5rpic/loaded.js"></script> <script src="http://static.tumblr.com/kvwx9r7/Abfnc7qdv/jquery.backstretch.min.js"> </script> <script> $(function(){ $('#gdb1').click(function(){ $("html, body").animate({ scrollTop: $(window).height()}, 780); return false; }); });{block:permalinkpage}$(document).ready(function (){ $("#container").css({'height': '100%'}); });{/block:permalinkpage} ;$(window).load(function() { $(".pagination").fadeIn(0) }); </script> <style> {block:ifnotuseslidedownarrow}#gdb1{display:none}{/block:ifnotuseslidedownarrow} {block:indexpage} .video2 iframe{width:100% !important;min-width:100% !important;max-width:100% !important;} {/block:indexpage} #infscr-loading{display:none !important} ::selection { background:{color:Select Color} ;} ::-moz-selection { background:{color:Select Color} ; } .inner_container{background-color:{color:Post Background Color};} html{display:none} body{background-color:{color:Background Color}} .scrollup{cursor:pointer}{block:indexpage} {block:ifnotusecaption} .caption{display:none} {/block:ifnotusecaption} {/block:indexpage} {block:permalinkpage} #container{max-width:1130px !important;margin:auto;} {/block:permalinkpage} h3.title a,.link-post .link-name a, .quote-post .source, .quote-post .source a, .question, .question a{color:{color:Post Title Color} !important} .post {color:{color:Post Content Color} !important} {block:indexpage} .post {width:800px;margin:15px !important;{block:ifusepostborder}width:820px;{/ block:ifusepostborder}{block:ifnotusebiggerposts}{block:ifnotusepostborder}width :280px;{/block:ifnotusepostborder}{block:ifusepostborder}width:300px;{/block:ifusepostborder}{/block:ifnotusebiggerposts}} {/block:indexpage} .inner_container{padding:10px;margin-bottom:- 10px;padding:15px;margin:15px;{block:ifnotusepostborder}padding:10px;{block:ifno tusepostborder}{block:permalinkpage}padding:10px;{/block:permalinkpage}} body{font-family:open sans;font-weight:300;font-size:9pt;line-height:15pt; {block:ifnotbackgroundimage} background-color: {color:Background Color} {/block:ifnotbackgroundimage} {block:ifbackgroundimage} background-image:url('{image:background}'); {/block:ifbackgroundimage} } html{display:none} {block:ifuseblackandwhitephoto} img, .imagebuilder, .photosets{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } {/block:ifuseblackandwhitephoto} {block:ifnotuseheaderoverlay} .overlay{display:none} {/block:ifnotuseheaderoverlay} {block:ifUsePostHoverEffect} .post:hover{opacity:0.7} .post{opacity:1} {/block:ifUsePostHoverEffect} {block:ifusecaption} .video_inner iframe{margin-bottom:-5px;} {/block:ifusecaption} {block:indexpage} .real-qeustion{width:81%;border:1px solid #efefef;padding:17px;background-color:#f5f4f4;border-radius:2px;margin-left:50px;margin-top:-43px;position:relative;font-family:open sans;{block:ifnotusebiggerposts}width:60%;{/block:ifnotusebiggerposts}}.real-answer{width:78%;border:1px solid #efefef;padding:17px;background-color:#f5f4f4;display:inline-block;border-radius:2px;position:relative;margin-top:0px;position:relative;{block:ifnotusebiggerposts}width:60%;margin-right:210px;{/block:ifnotusebiggerposts}} {/block:indexpage} html{display:none} {block:permalinkpage} .post{width:550px;margin:0px !important;} .real-qeustion{width:81%;border:1px solid #efefef;padding:17px;background-color:#f5f4f4;border-radius:2px;margin-left:50px;margin-top:-43px;position:relative;font-family:open sans;width:60%;}.real-answer{width:78%;border:1px solid #efefef;padding:17px;background-color:#f5f4f4;display:inline-block;border-radius:2px;position:relative;margin-top:0px;position:relative;} {/block:permalinkpage} .scrollup{color:#aeaeae;background-color:{color:Sup Menu Background color};} {block:ifnotusebiggerposts} .answer img.answers{right:-3px !important} {/block:ifnotusebiggerposts} .post-padding2, .post-padding2 a {color:{color:Post Note Texts Color} !important} a{color:{color:link color};text-decoration:none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .mikki span{display:inline-block;width:13px;height:14px;margin-left:3px;margin-right:3px;} . mikki{position:absolute;bottom:25px;left:28px;{block:ifusepostborder}left:35px;b ottom:32px;{/block:ifusepostborder}}.not-notes{color:#ffffff;font-weight:600;font-size:9pt;font-family:open sans;position:absolute;right:30px;bottom:25px;{block:ifusepostborder}right:40px; bottom:32px;{/block:ifusepostborder}} .post .mikkis{opacity:0; -webkit-transition: opacity 0.5s 0s ease-in-out; -moz-transition: opacity 0.5s 0s ease-in-out; -o-transition: opacity 0.5s 0s ease-in-out; -ms-transition: opacity 0.5s 0s ease-in-out; transition: opacity 0.5s 0s ease-in-out;} .post:hover .mikkis{opacity:1; -webkit-transition: opacity 0.5s 0s ease-in-out; -moz-transition: opacity 0.5s 0s ease-in-out; -o-transition: opacity 0.5s 0s ease-in-out; -ms-transition: opacity 0.5s 0s ease-in-out; transition: opacity 0.5s 0s ease-in-out;} a:hover{color:{color:Link Hover Color}; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} html{display:none} .post a{{block:ifuselinkborder} text-decoration:underline;{/block:ifuselinkborder} } .icon li, .icon span{display:inline-block;color:{color:icons color};margin-left:5px;margin-right:5px;} .descrip{color:{color:description color};text-transform:initial !important;margin-top:10px;{block:description}margin-top:15px;{/block:description};font-weight:500;} h3.title, .quote-post .source, .link .link-name { font-family: {font:Post Title Font}; font-size: 10pt; margin-bottom: 10px; font-size: {select:Post Font Size}; line-height:{select:Post Font Size}; } .menus a{color:{color:Menus Color};font-family:open sans;font-weight:600;margin-left:5px;margin-right:5px;text-transform:initial;} .link .link-name{margin-top:10px;} .real-question{color:{color:post content color}} .header{height:100.5%;width:100%;background-position:center;background-color:#000000;} html,body{width:100%;height:100%;} {customcss} .header{margin-bottom:-50px;position:relative;} .overlay{width:100%;height:100%;background-color:{color:header overlay};opacity:0.3;position:absolute;left:0px;top:0px;} .content-title{font-size:{select:title size};font-family:{font:title};color:{color:title color};display:inline-block;margin-bottom:{select:Title Bottom Speacing};letter-spacing:{select:Title Speacing}; } .content-title a{color:{color:title color}} .contain-content{max-width:700px;height:100%;margin:auto;{block:ifuseuppercasedtitle}text-transform:uppercase;{/block:ifuseuppercasedtitle};position:relative;z-index:5;} html{display:none} .supmenu{width:100%;padding:20px;position:fixed;top:0px;left:0px;border-bottom:1px solid #efefef;background-color:{color:Sup Menu Background color};font-size:12pt;z-index:9999991;font-family:{font:title};{block:ifnotkeepopensubmenu}display:none;{/block:ifnotkeepopensubmenu}} html{min-width:550px} .gd1{color:{color:Header Scrolldown Arrow Color};position:absolute;width:120px;height:20px;font-size:{select:Arrow To Bottom Size};bottom:80px;left:50%;margin-left:-55px;z-index:99999;cursor:pointer;text-align:center;} .icon-for-web{font-size:8pt;display:inline-block;margin-left:10px;position:relative;top:-1px;}.icon-for-web span{margin-right:8px;} .icon-for-web a{color:{color:Sup Menu Icons color}} .table-cell{width:100% ;height:100%;display:table-cell;text-align:center;vertical-align:middle;} .table{width:100%;height:100%;display:table;text-align:center;vertical-align:middle} .icon{width:100%;display:inline-block;margin-top:40px; font-size:{select:Icons Size} !important;} #content{margin-top:70px;} .search{border:1px solid #efefef;border-radius:5px;height:23px;display:inline-block;position:absolute;right:70px;top:17px;} .search input:first-child{width:0px;margin-left:0px;border:0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .search:hover input:first-child{width:130px !important;margin-left:5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} html{display:none} .search:focus input:first-child, .search input:first-child:focus{width:130px !important;margin-left:5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .search button:nth-child(2){border:0px;background-color:#ffffff;position:relative;left:-2px;border-radius:5px;border-left:0px;height:21px;margin-top:-5px; color:{color:Sup Menu Search Icon color};} .header{position:relative;z-index:9;} .menus{margin-top:10px;} .scrollup{ width:31px; height:31px; opacity:0.8; z-index: 39212302; position:fixed; bottom:30px; right:30px; display:none; text-indent:-9999px; background: url('http://static.tumblr.com/22rx6wh/Ayqmvqc68/image.png') no-repeat; background-size: 30px; } .pagination{display:none} .post-disqus{display:none} blockquote{ border-left-color: {color:select color} !important} .backstretch img:first-child{z-index:9998 !important} .backstretch img:nth-child(2){z-index:9999 !important} .backstretch img:nth-child(3){z-index:10000 !important} .backstretch img{min-width:100%;} {block:ifresizeheader}.header{height:50% !important}{/block:ifresizeheader} {block:ifusecaption}{block:indexpage}{block:ifusepostborder} {block:ifnotusebiggerposts} .note-count{margin-bottom:-14px;}{/block:ifnotusebiggerposts}{/block:ifusepostborder} {block:ifnotusepostborder} {block:ifnotusebiggerposts} .note-count{margin-bottom:-14px;}{/block:ifnotusebiggerposts}{/block:ifnotusepostborder} {block:ifusebiggerposts} .note-count{margin-bottom:-15px;}{/block:ifusebiggerposts}{/block:indexpage} {/block:ifusecaption} {block:permalinkpage} .note-count{margin-bottom:-15px;} {/block:permalinkpage} .chat-post .inner_container, .link-post .inner_container,.quote-post .inner_container{padding-bottom:25px;} .quote{line-height:19pt;margin-bottom:12px} .html, .container, .content, .body{width:100% !important} .current-container, .current_page, .next, .prev{padding:7px;background-color:{color:post background color};border-radius:4px;margin-left:3px;margin-right:3px;display:inline-block;padding-top:4px;padding-bottom:4px;color:{color:post title color}; }.current-container a, .current_page a, .next a, .prev a{color:{color:post title color}} .pagination{text-align:center;padding-top:50px;padding-bottom:40px;} a.tags_URL{color:{color:link color}} .Answer .answer,.real-qeustion{color:{color:Ask Post Content Color}} .askker{color:{color:post title color}} </style> {text:SCM Player Code} {block:ifusesubmenu} <div class="supmenu"> <div class="icon-for-web"> {block:ifpersonalsiteurl} <a href="{text:personal site url}"> <span data-icon="d"> </span> </a> {/block:ifpersonalsiteurl} {block:iffacebookurl} <a href="{text:facebook url}"> <span data-icon="a"> </span> </a> {/block:iffacebookurl} {block:iftwitterurl} <a href="{text:twitter url}"> <span data-icon="g"> </span> </a> {/block:iftwitterurl} {block:ifpinteresturl} <a href="{text:pinterest url}"> <span data-icon="f"> </span> </a> {/block:ifpinteresturl} {block:ifinstagramurl} <a href="{text:instagram url}"> <span data-icon="m"> </span> </a> {/block:ifinstagramurl} {block:ifshopurl} <a href="{text:shop url}"> <span data-icon="e"> </span> </a> {/block:ifshopurl} {block:ifsoundcloudurl} <a href="{text:soundcloud url}"> <span data-icon="r"> </span> </a> {/block:ifsoundcloudurl} {block:ifusearchivebutton} <a href="/archive"> <span data-icon="i"> </span> </a> {/block:ifusearchivebutton} {block:ifuseaskbutton} <a class='iframe' id="ask_form" href="http://www.tumblr.com/ask_form/{name}.tumblr.com"> <span data-icon="l"> </span> </a> {/block:ifuseaskbutton}</div> <form action="/search" method="get" class="search"> <input type="text" name="q" value="{SearchQuery}"/> <button type="submit" data-icon="c"></button> </form> </div>{/block:ifusesubmenu} </head> <body> <script> </script> <div class="header"> <script> $.backstretch([{block:ifheader1image} "{image:header1}"{/block:ifheader1image}{block:ifheader2image} , "{image:header2}" ,{block:ifheader2image} {block:ifheader3image}"{image:header3}"{block:ifheader3image} ], {duration: 3000, fade: 750});</script> <div class="overlay" > </div> <div class="contain-content"> <div class="table"> <div class="table-cell"> <div class="content-title"><a href="/">{block:ifnotlogoimage}{title}{/block:ifnotlogoimage}{block:iflogoimage}<img src="{image:logo}">{/block:iflogoimage}</a></div> <div class="icon"> {block:ifpersonalsiteurl} <a href="{text:personal site url}"> <span data-icon="d"> </span> </a> {/block:ifpersonalsiteurl} {block:iffacebookurl} <a href="{text:facebook url}"> <span data-icon="a"> </span> </a> {/block:iffacebookurl} {block:iftwitterurl} <a href="{text:twitter url}"> <span data-icon="g"> </span> </a> {/block:iftwitterurl} {block:ifpinteresturl} <a href="{text:pinterest url}"> <span data-icon="f"> </span> </a> {/block:ifpinteresturl} {block:ifinstagramurl} <a href="{text:instagram url}"> <span data-icon="m"> </span> </a> {/block:ifinstagramurl} {block:ifshopurl} <a href="{text:shop url}"> <span data-icon="e"> </span> </a> {/block:ifshopurl} {block:ifsoundcloudurl} <a href="{text:soundcloud url}"> <span data-icon="r"> </span> </a> {/block:ifsoundcloudurl} {block:ifusearchivebutton} <a href="/archive"> <span data-icon="i"> </span> </a> {/block:ifusearchivebutton} {block:ifuseaskbutton} <a class='iframe' id="ask_form" href="http://www.tumblr.com/ask_form/{name}.tumblr.com"> <span data-icon="l"> </span> </a> {/block:ifuseaskbutton} </div> <div class="descrip">{description}</div> <div class="menus"> {block:ifCustomlink1title} <span> <a href="{text:Custom link 1 URL}"> {text:Custom link 1 title} </a> </span> {/block:ifCustomlink1title}{block:ifCustomlink2title} <span> <a href="{text:Custom link 2 URL}"> {text:Custom link 2 title} </a> </span> {/block:ifCustomlink2title}{block:ifCustomlink3title} <span> <a href="{text:Custom link 3 URL}"> {text:Custom link 3 title} </a> </span> {/block:ifCustomlink3title}{block:ifCustomlink4title} <span> <a href="{text:Custom link 4 URL}"> {text:Custom link 4 title} </a> </span> {/block:ifCustomlink4title} {block:ifCustomlink5title} <span> <a href="{text:Custom link 5 URL}"> {text:Custom link 5 title} </a> </span> {/block:ifCustomlink5title} {block:ifCustomlink6title} <span> <a href="{text:Custom link 6 URL}"> {text:Custom link 6 title} </a> </span> {/block:ifCustomlink6title} {block:HasPages} {block:Pages} <span> <a href="{URL}" class="page">{Label}</a> </span> {/block:Pages} {/block:HasPages} </div> </div></div> </div> <div data-icon="u" class="gd1" id="gdb1"></div> </div> <div class="scrollup"></div> <div id="container"> <div id="content"> {block:IndexPage} {block:TagPage} {block:Description} <p id="description">{Description}</p> {/block:Description} <ol id="posts"> {block:Posts} {block:Text} <li class="post text"> {block:Title} <h3><a href="{Permalink}">{Title}</a></h3> {/block:Title}{Body} </li> {/block:Text} {block:Photo} <li class="post photo"> <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Photo}{block:Panorama} <li class="post panorama"> {LinkOpenTag} <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/> {LinkCloseTag}{block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Panorama} {block:Photoset} <li class="post photoset"> {Photoset-500}{block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Photoset} {block:Quote} <li class="post quote"> "{Quote}" {block:Source} <div class="source">{Source}</div> {/block:Source} </li> {/block:Quote}{block:Link} <li class="post link"> <a href="{URL}" class="link" {Target}>{Name}</a> {block:Description} <div class="description">{Description}</div> {/block:Description} </li> {/block:Link}{block:Chat} <li class="post chat"> {block:Title} <h3><a href="{Permalink}">{Title}</a></h3> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line} </li> {/block:Lines} </ul> </li> {/block:Chat}{block:Video} <li class="post video"> {Video-500}{block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Video}{block:Audio} <li class="post audio"> {AudioEmbed}{block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Audio} {/block:Posts} </ol>{/block:TagPage} {/block:IndexPage} {block:PermalinkPage} {block:Description} <p id="description">{Description}</p> {/block:Description} <ol id="posts"> {block:Posts} {block:Text} <li class="post text"> {block:Title} <h3><a href="{Permalink}">{Title}</a></h3> {/block:Title}{Body} </li> {/block:Text} {block:Photo} <li class="post photo"> <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Photo}{block:Panorama} <li class="post panorama"> {LinkOpenTag} <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/> {LinkCloseTag}{block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Panorama} {block:Photoset} <li class="post photoset"> {Photoset-500}{block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Photoset} {block:Quote} <li class="post quote"> "{Quote}" {block:Source} <div class="source">{Source}</div> {/block:Source} </li> {/block:Quote}{block:Link} <li class="post link"> <a href="{URL}" class="link" {Target}>{Name}</a> {block:Description} <div class="description">{Description}</div> {/block:Description} </li> {/block:Link}{block:Chat} <li class="post chat"> {block:Title} <h3><a href="{Permalink}">{Title}</a></h3> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line} </li> {/block:Lines} </ul> </li> {/block:Chat}{block:Video} <li class="post video"> {Video-500}{block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Video}{block:Audio} <li class="post audio"> {AudioEmbed}{block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </li> {/block:Audio} {/block:Posts} </ol>{/block:PermalinkPage} <p id="footer"> {block:PreviousPage} <a href="{PreviousPage}">« Previous</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">Next »</a> {/block:NextPage} </p> </script> </body> </html> |
Frederiek |
Nov 20 2014, 06:13 AM
Post
#2
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
There's no use in posting Tumblr specific code. It's not plain HTML. It will be passed through Tumblr scripts to render that code as plain HTML in a browser. It's better to post the url of your page.
But, in fact, why not use another Tumblr template consisting of one column? I think starting over using such a template will be easier than modifying a multi-column template. |
ZiggyStardust |
Nov 20 2014, 08:32 AM
Post
#3
|
Group: Members Posts: 2 Joined: 19-November 14 Member No.: 21,827 |
There's no use in posting Tumblr specific code. It's not plain HTML. It will be passed through Tumblr scripts to render that code as plain HTML in a browser. It's better to post the url of your page. But, in fact, why not use another Tumblr template consisting of one column? I think starting over using such a template will be easier than modifying a multi-column template. Here is the url where I'm testing the code: http://wkcastingportfolio.tumblr.com/tagged/advertising I'm trying to make this theme work because other than the grid layout it's perfect. I think it's using jquery masonry which leads to a grid layout and I'm not really sure of how to fix that. Unfortunately, I haven't seen any other tumblr theme that I like even remotely as much for what I'm trying to do. |
Frederiek |
Nov 20 2014, 11:34 AM
Post
#4
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
At first I thought the page was already a single column page. But my browser window was not wide enough (I never use full screen) to see the two columns.
First I suspected the ordered list elements could be the culprit, having floats or something. But everything is absolutely or relatively positioned. I can't make anything out of it to determine what causes the two columns in a large window. It's probably caused by a script (as the inline styles change upon resizing the window), but I have no idea which one. Maybe you can find a Tumblr blog from coders who are familiar with Tumblr. I know there are such blogs. Surely, they can help you better than I can. As I'm used to write my own HTML/CSS in a text-editor of choice and have no knowledge of Tumblr. |
Lo-Fi Version | Time is now: 26th April 2024 - 04:45 AM |