This is a screen shot of the view posts selected from the S-drive streams the texts boxes of the individual posts go out to the rt side of the containing box with a few pixels of padding space this is how it is rendering on my screen.
As per attachment at the bottom of this post.
The text box on the latest post has 3 rows of text. on the preview and the actual site the text box is not as wide and has 4 rows of text. I tried to change that example of the code I changed from 460 pixels to 660 pixels. I am thinking that that should be the text box but the text box remains the same size on the site and the preview with either the 460 or 660 pixels saved to the code.
I have never used the html editor have been exclusively using the VSD so I struggle with this html editing stuff. here is a complete list of the embed box code as it stands now:
@import url('http://www.coffeecup.com/stylesheets/reset.css');
@import url('http://www.coffeecup.com/stylesheets/stream.common.css');
body {
color:#333;
font:normal 13px/1.4 "Franklin Gothic Medium", Helvetica, Arial, sans-serif;
padding:0 0 30px 0;
}
#sdrive-stream-container {
margin:20px;
padding:30px 20px 0 10px;
text-align:left;
width:800px; /* @S-Drive name:Width; min:400; max:1024;*/
background-color:#f2f2f2; /* @S-Drive name:Background Color; */
}
#sdrive-stream-container a {
color:#0000ff; /* @S-Drive name:Link Color; */
}
#sdrive-stream-container img {
max-width:660px;
width:expression(this.width > 659 ? '660' : 'auto');
}
.sdrive-stream-post-container {
clear:both;
margin:0 0 20px 0;
padding:0 0 20px 0;
font-size:14px;
text-align:left;
font-family:Arial, Helvetica, sans-serif; /* @S-Drive name:Font Family; */
}
.sdrive-stream-post-title {
border-bottom:1px solid #ddd;
font-size:2.2em !important;
padding-top:0 !important;
margin:20px 0;
color:#444444; /* @S-Drive name:Header Font Color; */
}
.sdrive-stream-post-datetime {
clear:left;
float:left;
width:100px;
margin:20px 0 0 ;
padding:5px 10px;
font-size:13px;
font-weight:bold;
color:#eee;
box-shadow:0 0 5px #EEEEEE;
-moz-box-shadow:0 0 5px #EEEEEE;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
background-color:#3a729d; /* @S-Drive name:Accent Color; */
}
a.sdrive-stream-home {
display:block;
margin:20px 0 0;
font-size:.9em;
}
.sdrive-stream-post-contents {
float:left;
font-size:1.15em;
padding:0 20px 20px 20px;
background-color:#fff;
box-shadow:0 1px 5px #000000;
-moz-box-shadow:0 1px 5px #000000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color:#333333; /* @S-Drive name:Post Font Color; */
width:480px;
}
.sdrive-stream-post-contents h1, .sdrive-stream-post-contents h2, .sdrive-stream-post-contents h3, .sdrive-stream-post-contents h4, .sdrive-stream-post-contents h5, .sdrive-stream-post-contents h6, .sdrive-stream-post-contents p, .sdrive-stream-post-contents ul, .sdrive-stream-post-contents ol, .sdrive-stream-post-contents dl, .sdrive-stream-post-contents hr, .sdrive-stream-post-contents pre, .sdrive-stream-post-contents address, .sdrive-stream-post-contents fieldset, .sdrive-stream-post-contents blockquote, .sdrive-stream-post-contents table {
margin-bottom:20px;
}
.sdrive-stream-post-contents h1 {
font-size:1.6em;
font-weight:bold;
line-height:1.2em;
padding-top:10px;
}
.sdrive-stream-post-contents h2 {
font-size:1.6em;
font-weight:normal;
line-height:1.2em;
padding-top:10px;
}
.sdrive-stream-post-contents h3 {
font-size:1.4em;
font-weight:bold;
line-height:1.1em;
padding-top:10px;
}
.sdrive-stream-post-contents h4 {
font-size:1.4em;
font-weight:normal;
line-height:1.1em;
}
.sdrive-stream-post-contents h5 {
font-size:1.2em;
font-weight:bold;
line-height:1.0em;
}
.sdrive-stream-post-contents h6 {
font-size:1.2em;
font-weight:normal;
line-height:1.0em;
}
.sdrive-stream-post-contents ul, .sdrive-stream-post-contents ol {
font-weight:normal;
line-height:1.3em;
list-style:disc;
}
.sdrive-stream-post-contents ol {
list-style:decimal !important;
}
.sdrive-stream-post-contents ul li, .sdrive-stream-post-contents ol li {
padding-bottom:10px;
margin-left:30px;
}
.sdrive-stream-post-contents p {
font-family:"Cambria", Helvetica, Arial, sans-serif;
font-weight:normal;
line-height:1.5em;
}
.sdrive-stream-post-contents blockquote {
padding:10px 40px 10px 30px;
line-height:2.1em;
font-size:1.0em;
font-style:italic;
}
.sdrive-stream-post-contents hr, #sdrive-stream-container hr {
border:0 #ddd solid;
border-top-width:1px;
clear:both;
height:0;
}
.sdrive-stream-post-contents hr {
margin-bottom:20px !important;
}
#sdrive-stream-container hr {
margin-bottom:40px;
}
#sdrive-stream-container hr {
margin-bottom:40px;
}
.sdrive-stream-post-contents strong, .sdrive-stream-post-contents b {
color:#444C5A;
font-weight:bold;
}
.sdrive-stream-post-contents a {
color:blue;
outline:0 !important;
text-decoration:none;
}
.sdrive-stream-post-contents a:visited {
color:blue;
text-decoration:none;
}
.sdrive-stream-post-contents a:hover, .sdrive-stream-post-contents a:active {
color:blue;
text-decoration:none;
}
.sdrive-stream-post-contents img {
border:10px solid #ddd;
margin:20px 0;
}
br.clearfix { clear:both; }