boardom

[Peredy]

I am not a brilliant designer, I am a brilliant disaster though with these things. Please go to www.blyster.com/news.htm and see the date. I need that size smaller and closer to the message. I cannot seem to find the line in any of the files, nor the topic that tells this in the forum. Please help.

Peredy.
_________________
Peredy
www.blyster.com

[Sigg3]

Your title (or date) is in <h1>'s.

Go into b2layout.css and change the variables there,

font-size and margin-bottom

or create a new set of fonts, use <div class=name> in the b2loop\variables on title.
_________________
Sigg3 dot net - because you're worth it! | b2 Cafelog Resource Center

[Peredy]

I see the one called layout2b.css but I dont see the lines you are talking about. The closet I could see it and what I have is the following:

/*
credit for the original concept and core of the layout comes courtesy of Rob Chandanais via:
http://bluerobot.com/web/layouts/layout2.html

used as default layout for b2, with permission from Dean Peters,
who first adapted it ( http://www.deanpeters.com/b2 )
*/

body {
margin:0px;
padding:0px;
font-family:verdana, arial, helvetica, sans-serif;
color:#333;
background-color:white;
}
h2 {
border-bottom:1px solid #999;
border-right:1px solid #999;
margin:15px 300px 15px 0px;
padding:6px;
font-size:12px;
line-height:14px;
font-weight:700;
background-color:#eee;
color:#09c;
}

h1, h4, h5, .storyTitle, .storyCategory, .storyAuthor {
margin:15px 0px 10px 0px;
padding:0px;
font-size:12px;
line-height:12px;
font-weight:900;
color:#ccc;
}
h4, h5, .storyTitle, .storyCategory, .storyAuthor {
font-size:10px;
line-height:10px;
font-weight:800;
color:#999;

}
.storyCategory, .storyAuthor {
font-size:10px;
line-height:10px;
}
h5, .storyAuthor {
font-size:10px;
font-style:italic;
}
p, .storyContent {
font:11px/12px verdana, arial, helvetica, sans-serif;
margin:0px 15px 0px 20px;
padding:0px;
}
#content>p {margin:0px;}
#content>p+p {text-indent:30px;}

.storyContent {
font:11px/16px verdana, arial, helvetica, sans-serif;
}

#content>.storyContent {margin:0px;}
#content>.storyContent+.storyContent {text-indent:30px;}


a {
color:#09c;
font-size:11px;
text-decoration:none;
font-weight:600;
font-family:verdana, arial, helvetica, sans-serif;
}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}

#header {
margin:50px 0px 10px 0px;
padding:17px 0px 0px 20px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:33px; /* 14px + 17px + 2px = 33px */
/* border-style:solid;
border-color:black;
border-width:1px 0px;
*/ /* top and bottom borders: 1px; left and right borders: 0px */
border-bottom:1px solid #999;
border-right:1px solid #999;
line-height:11px;
background-color:#eee;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
voice-family: "\"}\"";
voice-family:inherit;
height:14px; /* the correct height */
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#header {height:14px;}


#header a {
font-size:12px;
font-weight:800;
}

#content {
margin:0px 210px 50px 10px;
padding:10px;
}

#contentcomments {
margin:0px 0px 50px 10px;
padding:10px;
}

#menu {
position:absolute;
top:100px;
right:20px;
width:172px;
padding:10px;
background-color:#eee;
border-bottom:1px solid #999;
border-right:1px solid #999;
line-height:17px;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
width:150px;
}
/* Again, "be nice to Opera 5". */
body>#menu {width:150px;}

#menu a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}

#menu h4 {
margin: 12px 0px 4px 0px;
}

#chaff {
text-align: right;
}
#chaff a {
color: #fff;
font-size:2px;
}
#chaff a:link { color: #fff; }
#chaff a:visited { color: #fff; }
#chaff a:hover { background-color:#fff; }

.centerP {
text-align: center;
}

#contentcomments input, #content input, #menu input {
margin: 1px;
padding: 1px 1px 4px 1px;
border: 1px solid #ccc;
font:11px/14px verdana, arial, helvetica, sans-serif;
}
#contentcomments textarea, #content textarea, #menu textarea {
margin: 1px;
padding: 1px;
border: 1px solid #ccc;
font:11px/14px verdana, arial, helvetica, sans-serif;
}
.commentfield {
margin-bottom: 4px;
}

-------------

I changed the font sizes here, but when I go back to my news page (where the blogger is) I dont see it change at all. Which ones do I change. I dont see any more lines to lower the font.
_________________
Peredy
www.blyster.com

[Sigg3]

You're using b4.php and you're NOT implementing b2layout.css, sorry. I was just guessing, since it all looked default.

Here is your stylesheet (within b4.php):

[Peredy]

Well, Thats great. And I used that (changed the color a bit) but thats not what I"m having trouble with. The font size for the date is alot bigger than the font in the message. I would only want it maybe one point larger or the same size as the message, like it is at this link: http://cafelog.com/ and only one space from the date to the message. Right now it looks like its nearly 6 spaces apart. Those are the lines I cant find in any .css file or my pages... please help. Musch appreciation for the efforts.
_________________
Peredy
www.blyster.com

[Peredy]

Okay.. I got it. the layout wasnt included to read in the php file.
_________________
Peredy
www.blyster.com