Can you find the error?

  • Unknown's avatar
    musiccityundergroundfilm · Member ·

    Ok, so I want my blog to display only the entry title, the entry date, and the entry itself. White text over black background. I have the following CSS, which is just edited from another site I had. I know it’s a mess, but here is the issue…

    I have it down to displaying only the entry title and entry, but I cannot seem to find why the date is still not being displayed. I know a little bit about this stuff, but not enough to spot the problem. 

    div#access {
visibility:hidden;
display:none;
}

div#header {
visibility:hidden;
display:none;
text-align:center;
}

div#footer {
visibility:hidden;
display:none;
margin:0;
padding:0;
}

div#header h1#blog-title {
font-size:3em;
visibility:visible;
margin:0;
}

div#header p#blog-description {
visibility:hidden;
display:none;
margin:0;
}

div#header p.access {
visibility:hidden;
display:none;
}

body {
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#000;
line-height:16px;
margin:20px;
}

body.home abbr.published,body.archive abbr.published,div.page-link {
visibility:hidden;
display:none;
clear:both;
overflow:hidden;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
}

div.entry-meta {
font-style:italic;
line-height:140%;
visibility:hidden;
display:none;
}

body.date h2.page-title,body.single h2.page-title {
visibility:visible;
clear:both;
overflow:visible;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
margin:0 0 2em;
}

.text {
color:#e2e2e2;
font-size:9.5pt;
font-family:Verdana;
line-height:16px;
margin:20px;
}

a:active {
color:#e2e2e2;
font-weight:bold;
}

a:link {
color:#e2e2e2;
font-weight:bold;
}

a:visited {
color:#e2e2e2;
font-weight:bold;
}

a:hover {
color:#fdfdfd;
font-weight:bold;
}

.header {
visibility:hidden;
display:none;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
}

.small {
color:#c4c4c4;
font-size:9pt;
font-family:Arial, Helvetica;
}

p {
color:#e2e2e2;
font-size:9.5pt;
font-family:Verdana;
margin:20px;
}

h1 {
visibility:hidden;
display:none;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
}

h2 {
visibility:visible;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
}

h3 {
visibility:hidden;
display:none;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
}

h4 {
visibility:hidden;
display:none;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
}

h5 {
visibility:hidden;
display:none;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
}

div.sidebar div,div.sidebar h3,div.sidebar h4,div.sidebar ul,div.sidebar li {
visibility:hidden;
display:none;
margin:0;
padding:0;
}

h2,h3,h4,h5,h6 {
visibility:visible;
line-height:100%;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
}

body.home h2.entry-title {
visibility:visible;
clear:both;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
margin:0;
}

body.single h2.entry-title,body.page h2.entry-title {
visibility:hidden;
display:none;
clear:both;
overflow:hidden;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
margin:0 0 -.4em;
}

body.category h2.page-title,body.author h2.page-title {
visibility:hidden;
display:none;
clear:both;
overflow:hidden;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
margin:0;
}

body.archive h3.entry-title,body.single h3.entry-title {
visibility:hidden;
display:none;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
margin:0;
}

body.single h3.comment-header {
visibility:hidden;
display:none;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
margin:3em 0 1em;
}

body.single h3#respond {
visibility:hidden;
display:none;
color:#46A1BA;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
margin:3em 0 .5em;
}

.date {
visibility:visible;
clear:both;
overflow:visible;
float:left;
border:none;
color:#46A1BA;
width:100%;
text-align:left;
position:relative;
height:25px;
font-size:9pt;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
margin:0 0 10px;
padding:0;
}

.date_day,.date_month,.date_year {
visibility:visible;
font-size:9pt;
color:#46A1BA;
font-family:Arial, Helvetica, Verdana;
font-weight:bold;
text-transform:uppercase;
position:absolute;
clear:both;
overflow:visible;
}

.date_month {
visibility:visible;
clear:both;
overflow:visible;
left:0;
}

.date_day {
visibility:visible;
clear:both;
overflow:visible;
left:25px;
}

.date_year {
visibility:visible;
left:50px;
}

.wp-caption {
border:0 solid #FFF;
text-align:center;
background-color:#000;
padding-top:4px;
color:#000;
margin:10px;
}

    Thanks!

  • Unknown's avatar
    thesacredpath · Member ·

    We need to start with a clean blog with no CSS applied, so we need to know what theme you started out with.

  • Unknown's avatar
    musiccityundergroundfilm · Member ·

    Sandbox 1.6.2 by Andy Skelton & Scott Allan Wallick

  • Unknown's avatar
    thesacredpath · Member ·

    I’m afraid I’m a little lost. What is the URL of the site you took the CSS from?

  • Unknown's avatar
    musiccityundergroundfilm · Member ·

    Oh, sorry… The original is http://bigyellowdogmusic.wordpress.com/ I have it embedded into http://www.bigyellowdogmusic.com.

    What I want it for is http://musiccityundergroundfilm.wordpress.com

  • Unknown's avatar
    musiccityundergroundfilm · Member ·

    Make sense at all? The original code I used was setup by the person who designed the Big Yellow Dog site, so I do not know where they got it from… I can give you that code, but it’s just about the same.

  • Unknown's avatar
    thesacredpath · Member ·

    I don’t see a date anywhere on any post on http://bigyellowdogmusic.wordpress.com/ .

    In general, the post is under .entry-date and .published

    In the source code this is the dive with the date:

    <div class="entry-date"><abbr title="2011-02-07T03:28:22+0000" class="published">Feb 7, 2011 &ndash; 3:28 am</abbr></div>

    I’m at a loss. You have so much conflicting CSS that I’m not sure where to start. My suggestion is to dump everything and start from scratch and then make sure that the “add to existing…” is selected because there is some existing CSS that needs to be kept that is not in the original stylesheet you get when you click on “view stylesheet.”

  • Unknown's avatar
    musiccityundergroundfilm · Member ·

    Fair enough. Thanks for your help.

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome although sadly I didn’t solve your problem.

    If @hallluke was around he might be able to figure it out.

  • Unknown's avatar
    devblog · Member ·

    Music,

    Maybe you want to try deleting everything in your CSS editor and paste this instead:

    body, a{
background: #000;
font: normal .8em Verdana, Arial, Helvetica, Sans;
color: #fff;
}

.entry-title a{font-weight: bold;}

.entry-date .published {border: none;}

#header, #primary, #secondary, #footer, .menu, .skip-link, .entry-meta {display: none;}

    That will basically do what you want. You can take it from there.

  • Unknown's avatar
    hallluke · Member ·

    The following code should retrieve the date and time stamp but as has been mentioned before: there’s so much CSS going on there that it’s crazy to have to deal with. Contact me through the link above and maybe I can set something up for you from scratch.

    body a:link, p {color:#000!important;}
body.home abbr.published, body.archive abbr.published {display:inline!important; color:#000!important; visibility:visible!important;}
  • The topic ‘Can you find the error?’ is closed to new replies.