• ocusocus

    (@ocusocus)


    Hi, I am having trouble getting my post metadata to align correctly. When I align my posts to the left– which is how I want my blog to be– the post metadata floats up to the top right of the post. You can see it here– https://ocusocus.com/

    I have been trying to fix this for the past week but have had no luck. I have worked very hard to learn CSS and PHP to get my blog where it is– this is the last thing I need to figure out so I can make the blog live! Any help is greatly appreciated. Thanks. Below is the code.

    /*
    Theme Name: TAKTEEK01
    Version: 1.4.4
    Description: TAKTEEK01 is a dark-colored theme that features plain text as the main banner. The text can easily be changed in the theme options. You also have the option to use an image as the main banner or both.
    Author: Eric Crooks
    Author URI: https://www.ericcrooks.com/
    Tags: black, orange, white, dark, three-columns, left-sidebar, right-sidebar, fixed-width, custom-header, theme-options
    */
    
    /* -standards- */
    
    * {
    	margin: 0 auto;
    }
    body {
    	background: #ffffff;
    	color: #000000;
    	font-family: "Gotham HTF", Thin, Sans-serif;
    	font-size: .75em;
            text-transform: lowercase;
    
    }
    a {
    	color: #000000;
    	text-decoration: none;
    }
    cite {
    	font-style: normal;
    
    }
    cite a {
    	color: #000000;
    	font-style: normal;
    }
    code {
    	font-size: 1.1em;
    	line-height: 1.3em;
    }
    h1 {
    	font-size: 2em;
    	font-weight: normal;
    }
    h2 {
    	font-size: 1.5em;
    	font-weight: normal;
    }
    p {
    	line-height: 1.5em;
    	margin: 1.2em auto;
    	text-align: left;
    }
    pre {
    	background: #ffffff;
    	border: 1px solid #000000;
    	font-size: 1.1em;
    	line-height: 1.3em;
    	margin: 1.2em auto;
    	overflow: auto;
    	padding: 10px;
    	width: 488px;
    }
    input, textarea {
    	font-family: "Gotham HTF", Thin, sans-serif;
    	font-size: 1em;
    }
    
    /* -header- */
    
    #banner {
    	padding: 0px 0 0px 0;
    	height: 175px;
    	text-align: center;
    	width: 929px;
    }
    #banner img {
    	max-width: 928px;
    }
    #topbar {
    	background: #ffffff;
    	color: #6699CC;
    	padding: 10px;
    	width: 908px;
    }
    #topbar a {
    	color: #000000;
    }
    
    /* -content- */
    
    #content {
    	float: left;
            margin: 0 10px 0 10px;
    	width: 728px;
    }
    #contentwrap {
    	border-top: 1px solid #000000;
    	display: block;
    	padding-top: 10px;
    	width: 928px;
    }
    
    /* -post and entries- */
    
    .post {
    	background: #ffffff;
    	margin-bottom: 0px;
    	padding: 14px;
    }
    .post a {
    	color: #000000;
    	text-decoration: none;
    }
    .post a:hover {
    	color: #6699CC;
    	text-decoration: none;
    }
    .post blockquote {
    	background: #ffffff;
    	border: 1px solid #000000;
    	margin: 1.2em auto;
    	padding: 0 1.2em 0 1.2em;
    
    }
    .post img, .post object {
    	border: 0px solid #000000;
    }
    .post embed, .post img, .post object {
    	display: block;
    	margin: 1.2em auto;
    	max-width: 725px;
    }
    .post embed.alignleft, .post img.alignleft, .post object.alignleft {
    	margin: 0 10px 10px 0;
    }
    .post embed.alignright, .post img.alignright, .post object.alignright{
    	margin: 0 0 10px 10px;
    }
    .post h2, .post h2 a {
    	color: #000000;
    }
    .post h2 a:hover {
    	color: #6699CC;
    }
    .post table {
    	background: #ffffff;
    	border: 1px solid #000000;
    	border-collapse: collapse;
    	line-height: 1.5em;
    	margin: 1.2em auto;
    	width: 100%;
    }
    .post th, .post td {
    	border: 1px solid #000000;
    	padding: 5px;
    }
    .post ul, .post ol {
    	line-height: 1.5em;
    }
    .post .wp-smiley {
    	border: none;
    	display: inline;
    	margin: 0;
    }
    .postmetadata-top {
    	border-bottom: 1px solid #000000;
    	padding-bottom: 20px;
    	text-transform: lowercase;
    }
    .postmetadata-bottom {
    	text-transform: lowercase;
            text-align: left;
    }
    .backtotop {
    	margin: 1.2em auto;
    }
    
    /* -sidebar- */
    
    #sidebar1wrap,
    #sidebar2wrap {
    	background: #ffffff;
    	float: left;
    	margin-bottom: 20px;
    	padding: 10px;
    	width: 160px;
    }
    #sidebar1 a, #sidebar1 li.recentcomments, #sidebar1 .textwidget,
    #sidebar2 a, #sidebar2 li.recentcomments, #sidebar2 .textwidget {
    	border-bottom: 1px solid #ffffff;
    	color: #000000;
    	display: block;
    	padding: 3px 3px 3px 10px;
    }
    #sidebar1 a:hover,
    #sidebar2 a:hover {
    	background: #ffffff;
    	color: #6699CC;
    }
    #sidebar1 h2,
    #sidebar2 h2 {
    	color: #000000;
    }
    #sidebar1 h2.small,
    #sidebar2 h2.small {
    	border-bottom: 1px solid #000000;
    	color: #000000;
    	font-size: 1em;
    	font-weight: bold;
    	margin-top: 20px;
    	text-transform: lowercase;
    }
    #sidebar1 li,
    #sidebar2 li {
    	list-style: none;
    	margin-top: 3px;
    }
    #sidebar1 li:hover small,
    #sidebar2 li:hover small {
    	color: #000000;
    }
    #sidebar1 li.recentcomments:hover,
    #sidebar2 li.recentcomments:hover {
    	background: #ffffff;
    	color: #000000;
    }
    #sidebar1 li.recentcomments:hover a,
    #sidebar2 li.recentcomments:hover a {
    	color: #000000;
    }
    #sidebar1 li.recentcomments a,
    #sidebar2 li.recentcomments a {
    	border: none;
    }
    #sidebar1 li.widget_categories ul li,
    #sidebar2 li.widget_categories ul li {
    	border-bottom: 1px solid #6699CC;
    	display: block;
    	padding: 3px 3px 3px 10px;
    }
    #sidebar1 li.widget_categories ul li a,
    #sidebar2 li.widget_categories ul li a {
    	border-bottom: none;
    	display: inline;
    	padding: 0;
    }
    #sidebar1 li.widget_categories ul li:hover, #sidebar1 li.widget_categories ul li:hover a,
    #sidebar2 li.widget_categories ul li:hover, #sidebar2 li.widget_categories ul li:hover a {
    	background: #FFCC99;
    	color: #000000;
    }
    #sidebar1 select,
    #sidebar2 select {
    	margin: 3px 0 3px 0;
    	width: 100%;
    }
    #sidebar1 small,
    #sidebar2 small {
    	color: #FFCC99;
    	text-transform: uppercase;
    }
    #sidebar1 .textwidget,
    #sidebar2 .textwidget {
    	padding: 3px 0 3px 0;
    }
    #sidebar1 .textwidget img,
    #sidebar1 .textwidget img {
    	display: block;
    }
    #sidebar1 .textwidget a,
    #sidebar2 .textwidget a {
    	display: inline;
    }
    #sidebar1 ul,
    #sidebar2 ul {
    	margin: 0;
    	padding: 0;
    }
    #sidebar1 ul.children a, #sidebar1 li.page_item ul li.page_item a,
    #sidebar2 ul.children a, #sidebar2 li.page_item ul li.page_item a {
    	padding-left: 20px;
    }
    #sidebar1 ul.children ul.children a, #sidebar1 li.page_item ul li.page_item ul li.page_item a,
    #sidebar2 ul.children ul.children a, #sidebar2 li.page_item ul li.page_item ul li.page_item a {
    	padding-left: 30px;
    }
    #sidebar1 ul.children ul.children ul.children a, #sidebar1 li.page_item ul li.page_item ul li.page_item ul li.page_item a,
    #sidebar2 ul.children ul.children ul.children a, #sidebar2 li.page_item ul li.page_item ul li.page_item ul li.page_item a {
    	padding-left: 40px;
    }
    #sidebar1 .widget_text a, #sidebar1 .widget_text a img,
    #sidebar2 .widget_text a, #sidebar2 .widget_text a img {
    	border: none;
    	padding: 0;
    }
    #sidebar1 .widget_tag_cloud,
    #sidebar2 .widget_tag_cloud {
    	border-bottom: 1px dotted #252525;
    	margin-bottom: 10px;
    	padding-bottom: 3px;
    }
    #sidebar1 .widget_tag_cloud a,
    #sidebar2 .widget_tag_cloud a {
    	border: none;
    	display: inline;
    	padding: 0 3px 0 3px;
    }
    #sidebar1 .widget_tag_cloud h2,
    #sidebar2 .widget_tag_cloud h2 {
    	margin-bottom: 10px;
    }
    #sidebar1 .widget_rss h2.small a,
    #sidebar2 .widget_rss h2.small a {
    	border: none;
    	display: inline;
    	color: #ffffff;
    	padding: 0 0 3px 0;
    }
    #sidebar1 .widget_rss h2.small a:hover,
    #sidebar2 .widget_rss h2.small a:hover {
    	background: none;
    }
    #sidebar1 .widget_rss h2.small a img,
    #sidebar2 .widget_rss h2.small a img {
    	display: none;
    }
    #sidebar1 .widget_rss ul li,
    #sidebar2 .widget_rss ul li {
    	border-bottom: 1px solid #6699CC;
    	display: block;
    }
    #sidebar1 .widget_rss ul li a.rsswidget,
    #sidebar2 .widget_rss ul li a.rsswidget {
    	border: none;
    	display: block;
    	padding: 3px 3px 3px 10px;
    }
    #sidebar1 .widget_rss ul li cite,
    #sidebar2 .widget_rss ul li cite {
    	color: #000000;
    	font-size: .75em;
    	text-transform: uppercase;
    	padding-bottom: 3px;
    }
    #sidebar1 .widget_rss ul li .rss-date,
    #sidebar2 .widget_rss ul li .rss-date {
    	color: #000000;
    	display: block;
    	font-size: .75em;
    	text-transform: uppercase;
    }
    #sidebar1 .widget_rss ul li .rssSummary,
    #sidebar2 .widget_rss ul li .rssSummary {
    	padding-bottom: 3px;
    }
    
    /* -sidebar calendar- */
    
    #sidebar1 .widget_calendar h2,
    #sidebar2 .widget_calendar h2 {
    	display: none;
    }
    #sidebar1 .widget_calendar caption,
    #sidebar2 .widget_calendar caption {
    	border-bottom: 1px solid #6699CC;
    	color: #ffa20f;
    	font-size: 1em;
    	font-weight: bold;
    	margin-top: 20px;
    	text-align: left;
    	text-transform: none;
    }
    #sidebar1 .widget_calendar table,
    #sidebar2 .widget_calendar table {
    	border-bottom: 1px solid #6699CC;
    	width: 100%;
    }
    #sidebar1 .widget_calendar table a,
    #sidebar2 .widget_calendar table a {
    	background: #ffffff;
    	border: none;
    	color: #ffffff;
    	display: block;
    	padding: 3px;
    }
    #sidebar1 .widget_calendar table a:hover,
    #sidebar2 .widget_calendar table a:hover {
    	background: #ffffff;
    	color: #000000;
    }
    #sidebar1 .widget_calendar table td,
    #sidebar2 .widget_calendar table td {
    	color: #ffffff;
    	text-align: center;
    }
    #sidebar1 .widget_calendar table th,
    #sidebar2 .widget_calendar table th {
    	color: #ffffff;
    	text-align: center;
    }
    
    /* -comments- */
    
    #comments, #respond {
    	background: #ffffff;
    	margin-bottom: 20px;
    	padding: 10px;
    	width: 508px;
    }
    #commentpages {
    	margin-bottom: 20px;
    }
    ul#commentlist {
    	list-style: none;
    	padding: 0;
    }
    ul#commentlist li.comment {
    	border-top: 1px solid #6699CC;
    	padding: 20px 0 20px 0;
    }
    ul#commentlist ul.children {
    	list-style: none;
    	padding: 0 0 0 20px;
    }
    ul#commentlist ul.children li {
    	border-top: 1px solid #6699CC;
    	margin: 10px 0 0 0;
    	padding: 10px 0 0 0;
    }
    ul#commentlist li blockquote {
    	background: #ffffff;
    	border: 1px solid #6699CC;
    	margin: 1.2em auto;
    	padding: 0 1.2em 0 1.2em;
    }
    ul#commentlist a {
    	color: #000000;
    }
    h2.comments {
    	background: #ffffff;
    	color: #000000;
    	display: block;
    	margin-bottom: 20px;
    }
    h2.respond {
    	background: #ffffff;
    	color: #000000;
    	display: block;
    	margin-bottom: 20px;
    }
    h2.commentpages {
    	background: #ffffff;
    	color: #000000;
    	display: block;
    	margin-bottom: 20px;
    	padding: 10px;
    }
    small a.comment-edit-link {
    	color: #000000;
    	text-transform: uppercase;
    }
    #commentlist div .avatar {
    	border: 1px solid #000000;
    	float: left;
    	margin: 0 10px 10px 0;
    }
    .vcard .fn, .vcard .says {
    	font-weight: bold;
    }
    .comment-meta {
    	font-size: .8em;
    	margin-bottom: 40px;
    	text-transform: uppercase;
    }
    .comment-meta a {
    	color: #ffffff;
    }
    .comment-meta a.comment-edit-link {
    	color: #6699CC;
    }
    .reply {
    	margin-top: 20px;
    	text-align: left;
    }
    li.depth-1 #respond {
    	margin: 0 0 -20px -10px;
    }
    li.depth-2 #respond {
    	margin: 0 0 -20px -30px;
    }
    li.depth-3 #respond {
    	margin: 0 0 -20px -50px;
    }
    li.depth-4 #respond {
    	margin: 0 0 -20px -70px;
    }
    li.depth-5 #respond {
    	margin: 0 0 -20px -90px;
    }
    #commentform {
    	width: 508px;
    }
    #commentform a {
    	color: #ffa20f;
    }
    #commentform input, #commentform textarea {
    	background: #252525;
    	border: 1px solid #6699CC;
    	color: #000000;
    	padding: 3px;
    }
    #commentform #commentbox {
    	height: 100px;
    	width: 500px;
    }
    #commentform #submit {
    	color: #ffffff;
    	margin-top: 20px;
    }
    #commentform small {
    	text-transform: normal;
    }
    .commentlinks a {
    	color: #ffffff;
    	padding: 5px 10px 5px 10px;
    }
    .commentlinks a:hover {
    	background: #ffffff;
    	color: #6699CC;
    }
    .commentlinks .current {
    	background: #ffffff;
    	color: #000000;
    	padding: 5px 10px 5px 10px;
    }
    .nocomments {
    	background: #ffffff;
    	margin-bottom: 20px;
    	padding: 10px;
    }
    
    /* -search form- */
    
    #s {
    	background: #ffffff;
    	border: 1px solid #000000;
    	color: #000000;
    	padding: 3px;
    	width: 152px;
    }
    #searchsubmit {
    	display: none;
    }
    
    /* -footer- */
    
    #footer {
    	background: #ffffff;
    	clear: both;
    	color: #000000;
    	padding: 10px;
    	text-align: right;
    	width: 908px;
    }
    #footer small {
    	text-transform: uppercase;
    }
    
    /* -misc and universal- */
    
    #navlink, #postlink {
    	background: #ffffff;
    	color: #000000;
    	margin-bottom: 20px;
    	padding: 10px;
    	text-align: center;
    }
    #navlink a, #postlink a {
    	color: #000000;
    }
    #navlink a:hover, #postlink a:hover {
    	color: #6699CC;
    }
    .uppercase {
    	text-transform: uppercase;
    }
    .wp-smiley {
    	border: none;
    	display: inline;
    	margin: 0;
    }
    
    /* -floats - */
    
    .aligncenter, div.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    .alignleft {
    	float: left;
    }
    .alignright {
    	float: right;
    }

  • The topic ‘Post Metadata Alignment Problem’ is closed to new replies.