wjb64

Hi Guido,

I used a plugin to remove the date/time stamp as well as the author. I am the only author and my posts are not time sensitive. The information I provide my readers is just as relevant today as it was 10 years ago or 10 years from now. So I didn’t want readers to overlook a post simply because it was written 3 years ago.

I’m still struggling with the

.postmetadata ~ .postmetadata {display:none;}

This is what I did:
`/*
Used to style the post and page TinyMCE editor.
*/

/* RESET STYLESHEET */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, mark,
em, img, q, small, strong, sub, sup, b, dl, dt, dd, ol, ul, li, table, caption, tr, th, td {
margin:0;
padding:0;
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
vertical-align:baseline;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
content:”;
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* BODY */
body {background:none; color:#333; font-family:’Open Sans’, sans-serif; font-size:16px; line-height:1.5; word-wrap:break-word;}

/* HEADINGS */
h1 {clear:both; margin:0 0 10px; font-size:2.2em; line-height:1.25;}
h2 {clear:both; margin:0 0 10px; font-size:1.75em; line-height:1.25;}
h3 {clear:both; margin:0 0 10px; font-size:1.45em; line-height:1.5;}
h4 {clear:both; margin:0 0 10px; font-size:1.2em; line-height:1.5;}
h5 {clear:both; margin:0 0 10px; font-size:1em; line-height:2;}
h6 {clear:both; margin:0 0 10px; font-size:0.8em; line-height:2;}

/* LINKS AND HTML TAGS */
a {text-decoration:none; color:#21759b;}
a:hover {text-decoration:underline;}

strong, b {font-weight:bold;}
small {font-size:0.8em;}
big {font-size:1.2em;}
sub {vertical-align:sub; font-size:0.9em;}
sup {vertical-align:super; font-size:0.9em;}
ins, mark {font-weight:bold; background:none; text-decoration:none; color:#21759b;}
cite, em, abbr, acronym {font-style:italic;}
code, kbd, samp, var {font-family:monospace, monospace;}
pre {margin:0 0 10px; padding:5px 10px; white-space:pre-wrap; border:1px solid #999;}
blockquote, q {margin:0 0 10px; padding:0 0 0 20px; display:block; font-size:1.2em; font-style:italic; border-left:2px solid #999;}
address {margin:0 0 10px; font-style:italic;}
p {margin:0 0 10px;}
hr {height:1px; background:#999; border:0; margin:0 0 10px;}

/* ALIGNMENTS */
.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {clear:both; display:block; margin-left:auto; margin-right:auto;}

/* TABLE AND LISTS */
table {margin:0 0 10px; border-collapse:collapse;}
table, th, td {border:1px solid #999; padding:5px 10px;}
table th {font-weight:bold;}

ul {list-style:square; margin:0 0 10px;}
ol {list-style:decimal; margin:0 0 10px;}
li {margin:0 0 0 20px;}
li > ul, li > ol {margin:0;}
dl {margin:0 0 10px;}
dt {font-weight:bold;}
dd {margin:0 0 0 20px;}

/* IMAGE AND VIDEO */
img {max-width:100%; height:auto;}

.postmetadata ~ .postmetadata {display:none;}

But it didn’t remove the gray bar. I’m obviously still doing something wrong. Any advice?

I found it, Thank you for the help!

I still have a gray bar where the categories and tags were. Is there a way to remove that bar? Here is what remains in that section of the code

<?php
/*
* Postmeta used by file single.
*/
?>

<div class=”postmetadata”>
<?php $format = get_post_format(); ?>
<?php if (has_post_format() ) : ?>
<?php echo ‘|’; ?> <?php printf( __( ‘Format: %s’, ‘leftside’ ), sprintf( ‘%2$s‘, esc_url( get_post_format_link( $format ) ), get_post_format_string( $format ) ) ); ?>
<?php endif; ?>
</div>

Thank you both! But I’m a bit lost. My editor doesn’t look like the examples you are showing. Here is what mine looks like in the “Post” portion of the editor:

/* POST */
.post-list {clear:both; margin:0 0 20px; border-bottom:1px solid #ccc;}
.post-single {clear:both;}
.post-title {margin:0 0 20px;}
.post-title a:hover {color:#333; text-decoration:none;}
.post-title-single {margin:0 0 20px;}
.entry-content {clear:both; padding:0 0 20px;}
.sticky-title {margin:0 0 20px; padding:2px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
.postmetadata {clear:both; margin:0 0 20px; padding:5px 10px; background:#f8f8f8; border:1px solid #ccc; border-radius:5px;}
.more {clear:both; padding:0 0 20px;}
a.readmore {float:right; padding:2px 5px; background:#e77776; color:#fff; text-decoration:none; border-radius:5px;}
a.readmore:hover {background:#666; color:#ddd; text-decoration:none;}

Am I in the wrong place to make the edits you are suggesting?