Solved

Making Blogger have more width

Posted on 2009-07-02
7
309 Views
Last Modified: 2012-05-07
I am using Google Doc to write the content in the blog, because I trying to make it easier for my daughter to type whatever she wants in a more friendly manner, but the width is way to small, any ideas.

Here is the Blog:  http://chloejoliepapi.blogspot.com/

Thanks,
JP
0
Comment
Question by:easycapital
  • 5
  • 2
7 Comments
 
LVL 12

Expert Comment

by:BMilneSLO
ID: 24767755
 I haven't done this on a Blogger template for some time, but I believe you can expand those columns from your Blogger Dashboard. Sign in to Blogger and go to Template/Edit HTML:  

Copy that code to your desktop as a text document just in case you need to go back to the old code later.  

Then, in the code, search and find the following headers and increase the following pixel counts to the bolded numbers listed below -- which should widen the columns.

When done, be sure do hit preview to see the changes before saving them (if it doesn't look right, keep tweaking those numbers until you find the right width):
 
 #header-wrapper {
 width:900px;

...
 
 #outer-wrapper {
 width: 900px;

...
 
 #main-wrapper {
 width: 650px;
0
 
LVL 12

Expert Comment

by:BMilneSLO
ID: 24790207
Any luck with this JP?
0
 

Author Comment

by:easycapital
ID: 24858118
Sorry I took long to get back.  Where should should I write your suggestions. I have posted my code below.
I do not know the first thing about html.

JP
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 
<head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Dots
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     24 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
 
/* Variable definitions
   ====================
   <Variable name="textcolor" description="Text Color" type="color"
             default="#333" value="#333333">
   <Variable name="pagetitle" description="Blog Title Color" type="color"
             default="#353" value="#335533">
   <Variable name="blogDescriptionColor" description="Blog Description Color"
             type="color" default="#996" value="#999966">
   <Variable name="posttitle" description="Post Title Color" type="color"
             default="#996" value="#999966">
   <Variable name="linkcolor" description="Link Color" type="color"
             default="#488" value="#448888">
   <Variable name="vlinkcolor" description="Visited Link Color" type="color"
             default="#885" value="#888855">
   <Variable name="dateheadercolor" description="Date Header Color"
             type="color" default="#663" value="#666633">
   <Variable name="sidebartitle" description="Sidebar Title Color" type="color"
             default="#663" value="#666633">
   <Variable name="borderColor" description="Border Color"
             type="color" default="#9b9" value="#99bb99">
   <Variable name="bodyfont" description="Text Font" type="font"
             default="normal normal 100% Verdana,Arial,Sans-Serif" value="normal normal 100% Verdana,Arial,Sans-Serif">
   <Variable name="pagetitlefont" description="Blog Title Font" type="font"
             default="normal normal 250% Georgia,Serif" value="normal normal 250% Georgia,Serif">
   <Variable name="blogDescriptionFont" description="Blog Description Font"
             type="font" 
             default="normal normal 100% Verdana, Arial, Sans-Serif" value="normal normal 100% Verdana, Arial, Sans-Serif">
   <Variable name="dateHeaderFont" description="Date Header Font"
             type="font" default="normal normal 95% Georgia, Serif" value="normal normal 95% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font" type="font"
             default="normal normal 100% Georgia,Serif" value="normal normal 100% Georgia,Serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language" 
             type="automatic" default="right" value="right">
*/
body {
  margin: 0px 0px 0px 0px;
  background:#fff url("http://www1.blogblog.com/dots/bg_dots.gif");
  background-position: 50% 31px;
  text-align:center;
  font:x-small Verdana, Arial, Sans-serif;
  color:$textcolor;
  font-size/* */:/**/small;
  font-size: /**/small;
}
 
 
/* Page Structure
----------------------------------------------- */
#outer-wrapper {
  background:url("http://www.blogblog.com/dots/bg_3dots.gif") no-repeat 250px 50px;
  width:700px;
  margin:0 auto;
  text-align:$startSide;
  font:$bodyfont;
  }
 
#header-wrapper { 
  display: none;
 }
 
#main-wrapper {
  width:450px;
  float:$endSide;
  padding:100px 0 20px;
  font-size:85%;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
#main {
  background:url("http://www1.blogblog.com/dots/bg_dots2.gif") -100px -100px;
  padding:20px 10px 15px;
  }
#sidebar-wrapper {
  width:200px;
  float:$startSide;
  font-size:85%;
  padding-bottom:20px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
#sidebar {
  background:url("http://www1.blogblog.com/dots/bg_dots2.gif") 150px -50px;
  padding:40px 10px 15px;
  width:200px;
  width/* */:/**/180px;
  width: /**/180px;
  }
 
/* Title & Description
----------------------------------------------- */
 
.Header h1 {
  margin:0 0 .5em;
  line-height: 1.4em;
  font: $pagetitlefont;
  color: $pagetitle;
}
.Header h1 a {
  color:$pagetitle;
  text-decoration:none;
}
 
.Header .description {
  margin:0 0 1.75em;
  color: $blogDescriptionColor;
  font: $blogDescriptionFont;
}
 
 
/* Links
----------------------------------------------- */
a:link {
  color:$linkcolor;
  }
a:visited {
  color:$vlinkcolor;
  }
a:hover {
  color:$vlinkcolor;
  }
a img {
  border-width:0;
  }
 
 
/* Posts
----------------------------------------------- */
h2.date-header {
  margin:0 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted $borderColor;
  text-transform:uppercase;
  letter-spacing:.3em;
  color: $dateheadercolor;
  font: $dateHeaderFont;
  }
.post {
  margin:0 0 2.5em;
  }
.post h3 {
  margin:.25em 0;
  line-height: 1.4em;
  font: $headerfont;
  font-size: 130%;
  font-weight: bold;
  color:$posttitle;
  background:url("http://www1.blogblog.com/dots/bg_post_title_$startSide.gif") no-repeat $startSide .25em;
  padding:0 0 1px 45px;
}
 
.post h3 a {
  text-decoration:none;
  color: $posttitle;
}
.post h3 a:hover {
  color: $textcolor;
}
 
.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}
 
.post-body blockquote {
  line-height:1.3em;  
}
 
.post-footer {
  margin:0;
}
 
.uncustomized-post-template .post-footer {
  text-align: $endSide;
}
 
.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
  display: block;
  float: $startSide;
  margin-$endSide: 4px;
  text-align: $startSide;
}
 
.post-author, .post-timestamp {
  color:$posttitle;
}
 
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/dots/icon_comment_$startSide.gif") no-repeat $startSide .25em;
  padding-$startSide:15px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/dots/icon_comment_$startSide.gif") no-repeat $startSide .25em;
  padding-$startSide:15px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid $borderColor;
  }
 
.feed-links {
  clear: both;
  line-height: 2.5em;
}
 
#blog-pager-newer-link { 
  float: $startSide;
 }
 
#blog-pager-older-link { 
  float: $endSide;
 }
 
#blog-pager {   
  text-align: center; 
 }
 
/* Comments
----------------------------------------------- */
#comments {
  margin:0;
  }
#comments h4 {
  margin:0 0 10px;
  border-top:1px dotted $borderColor;
  padding-top:.5em;
  line-height: 1.4em;
  font: bold 110% Georgia,Serif;
  color:#333;
  }
#comments-block {
  line-height:1.6em;
  }
.comment-author {
  background:url("http://www.blogblog.com/dots/icon_comment_$startSide.gif") no-repeat 2px .35em;
  margin:.5em 0 0;
  padding-top: 0;
  padding-bottom:0;
  padding-$startSide:20px;
  padding-$endSide:20px;
  font-weight:bold;
  }
.comment-body {
  margin:0;
  padding-top: 0;
  padding-bottom:0;
  padding-$startSide:20px;
  padding-$endSide:20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-footer {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  padding-top: 0;
  padding-bottom:.75em;
  padding-$startSide:20px;
  padding-$endSide:0;
  color:#996;
  }
.comment-footer a:link {
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
 
 
/* More Sidebar Content
----------------------------------------------- */
.sidebar h2 {
  margin:2em 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted $borderColor;
  line-height: 1.4em;
  font-size: 95%;
  font: $headerfont;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:$sidebartitle;
  }
.sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
.sidebar ul {
  list-style:none;
  margin:.5em 0;
  padding:0 0px;
}
 
.sidebar .widget { 
  margin: .5em 0 1em;
  padding: 0 0px;
  line-height: 1.5em;
 }
 
.main .widget { 
  padding-bottom: 1em;
}
 
.sidebar ul li {
  background:url("http://www1.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;
  margin:0;
  padding-top: 0;
  padding-bottom:5px;
  padding-$startSide:15px;
  padding-$endSide:0;
}
.sidebar p {
  margin:0 0 .6em;
  }
 
/* Profile 
----------------------------------------------- */
.profile-datablock { 
  margin: 0 0 1em;
}
 
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-bottom:5px;
  margin-$startSide:0;
  margin-$endSide:8px;
  border: 4px solid #cc9;
}
 
.profile-data { 
  margin: 0;
  line-height: 1.5em;
}
.profile-textblock { 
  clear: $startSide;
  margin-$startSide: 0;
}
 
/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:15px 0 0;
}
 
#footer p {
  margin:0;
}
 
/* Page structure tweaks for layout editor wireframe */
body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper { 
  padding: 0;
}
body#layout #sidebar, body#layout #sidebar-wrapper { 
  padding: 0;
  width: 240px;
 }
]]></b:skin>
</head>
 
<body>
  <div id='outer-wrapper'><div id='wrap2'>
 
    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
 
    <div id='content-wrapper'>
 
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>
 
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
      </div>
 
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Chloe Jolie Papi (Header)' type='Header'/>
</b:section>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Slideshow2' locked='false' title='Slideshow' type='Slideshow'/>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
<b:widget id='VideoBar1' locked='false' title='Chloe &amp;amp; Jolie' type='VideoBar'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Slideshow1' locked='false' title='Slideshow' type='Slideshow'/>
<b:widget id='Gadget1' locked='false' title='The Daily Puppy' type='Gadget'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
      </div>
 
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
 
    </div> <!-- end content-wrapper -->
 
    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
    </div>
 
  </div></div> <!-- end outer-wrapper -->
</body>
</html>
                

Open in new window

0
Complete VMware vSphere® ESX(i) & Hyper-V Backup

Capture your entire system, including the host, with patented disk imaging integrated with VMware VADP / Microsoft VSS and RCT. RTOs is as low as 15 seconds with Acronis Active Restore™. You can enjoy unlimited P2V/V2V migrations from any source (even from a different hypervisor)

 
LVL 12

Expert Comment

by:BMilneSLO
ID: 24865297
Try this, but be sure to back up your code (you do have it above I guess as a backup).

You can preview it in Blogger, too, which I'd do first to see if everything is working properly. Basically I just changed all those widths to the px counts above.

Hope that helps.
0
 
LVL 12

Accepted Solution

by:
BMilneSLO earned 500 total points
ID: 24865320
Trying again
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 
<head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Dots
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     24 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
 
/* Variable definitions
   ====================
   <Variable name="textcolor" description="Text Color" type="color"
             default="#333" value="#333333">
   <Variable name="pagetitle" description="Blog Title Color" type="color"
             default="#353" value="#335533">
   <Variable name="blogDescriptionColor" description="Blog Description Color"
             type="color" default="#996" value="#999966">
   <Variable name="posttitle" description="Post Title Color" type="color"
             default="#996" value="#999966">
   <Variable name="linkcolor" description="Link Color" type="color"
             default="#488" value="#448888">
   <Variable name="vlinkcolor" description="Visited Link Color" type="color"
             default="#885" value="#888855">
   <Variable name="dateheadercolor" description="Date Header Color"
             type="color" default="#663" value="#666633">
   <Variable name="sidebartitle" description="Sidebar Title Color" type="color"
             default="#663" value="#666633">
   <Variable name="borderColor" description="Border Color"
             type="color" default="#9b9" value="#99bb99">
   <Variable name="bodyfont" description="Text Font" type="font"
             default="normal normal 100% Verdana,Arial,Sans-Serif" value="normal normal 100% Verdana,Arial,Sans-Serif">
   <Variable name="pagetitlefont" description="Blog Title Font" type="font"
             default="normal normal 250% Georgia,Serif" value="normal normal 250% Georgia,Serif">
   <Variable name="blogDescriptionFont" description="Blog Description Font"
             type="font" 
             default="normal normal 100% Verdana, Arial, Sans-Serif" value="normal normal 100% Verdana, Arial, Sans-Serif">
   <Variable name="dateHeaderFont" description="Date Header Font"
             type="font" default="normal normal 95% Georgia, Serif" value="normal normal 95% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font" type="font"
             default="normal normal 100% Georgia,Serif" value="normal normal 100% Georgia,Serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language" 
             type="automatic" default="right" value="right">
*/
body {
  margin: 0px 0px 0px 0px;
  background:#fff url("http://www1.blogblog.com/dots/bg_dots.gif");
  background-position: 50% 31px;
  text-align:center;
  font:x-small Verdana, Arial, Sans-serif;
  color:$textcolor;
  font-size/* */:/**/small;
  font-size: /**/small;
}
 
 
/* Page Structure
----------------------------------------------- */
#outer-wrapper {
  background:url("http://www.blogblog.com/dots/bg_3dots.gif") no-repeat 250px 50px;
  width:900px;
  margin:0 auto;
  text-align:$startSide;
  font:$bodyfont;
  }
 
#header-wrapper { 
  display: none;
 }
 
#main-wrapper {
  width:650px;
  float:$endSide;
  padding:100px 0 20px;
  font-size:85%;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
#main {
  background:url("http://www1.blogblog.com/dots/bg_dots2.gif") -100px -100px;
  padding:20px 10px 15px;
  }
#sidebar-wrapper {
  width:200px;
  float:$startSide;
  font-size:85%;
  padding-bottom:20px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
#sidebar {
  background:url("http://www1.blogblog.com/dots/bg_dots2.gif") 150px -50px;
  padding:40px 10px 15px;
  width:200px;
  width/* */:/**/180px;
  width: /**/180px;
  }
 
/* Title & Description
----------------------------------------------- */
 
.Header h1 {
  margin:0 0 .5em;
  line-height: 1.4em;
  font: $pagetitlefont;
  color: $pagetitle;
}
.Header h1 a {
  color:$pagetitle;
  text-decoration:none;
}
 
.Header .description {
  margin:0 0 1.75em;
  color: $blogDescriptionColor;
  font: $blogDescriptionFont;
}
 
 
/* Links
----------------------------------------------- */
a:link {
  color:$linkcolor;
  }
a:visited {
  color:$vlinkcolor;
  }
a:hover {
  color:$vlinkcolor;
  }
a img {
  border-width:0;
  }
 
 
/* Posts
----------------------------------------------- */
h2.date-header {
  margin:0 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted $borderColor;
  text-transform:uppercase;
  letter-spacing:.3em;
  color: $dateheadercolor;
  font: $dateHeaderFont;
  }
.post {
  margin:0 0 2.5em;
  }
.post h3 {
  margin:.25em 0;
  line-height: 1.4em;
  font: $headerfont;
  font-size: 130%;
  font-weight: bold;
  color:$posttitle;
  background:url("http://www1.blogblog.com/dots/bg_post_title_$startSide.gif") no-repeat $startSide .25em;
  padding:0 0 1px 45px;
}
 
.post h3 a {
  text-decoration:none;
  color: $posttitle;
}
.post h3 a:hover {
  color: $textcolor;
}
 
.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}
 
.post-body blockquote {
  line-height:1.3em;  
}
 
.post-footer {
  margin:0;
}
 
.uncustomized-post-template .post-footer {
  text-align: $endSide;
}
 
.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
  display: block;
  float: $startSide;
  margin-$endSide: 4px;
  text-align: $startSide;
}
 
.post-author, .post-timestamp {
  color:$posttitle;
}
 
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/dots/icon_comment_$startSide.gif") no-repeat $startSide .25em;
  padding-$startSide:15px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/dots/icon_comment_$startSide.gif") no-repeat $startSide .25em;
  padding-$startSide:15px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid $borderColor;
  }
 
.feed-links {
  clear: both;
  line-height: 2.5em;
}
 
#blog-pager-newer-link { 
  float: $startSide;
 }
 
#blog-pager-older-link { 
  float: $endSide;
 }
 
#blog-pager {   
  text-align: center; 
 }
 
/* Comments
----------------------------------------------- */
#comments {
  margin:0;
  }
#comments h4 {
  margin:0 0 10px;
  border-top:1px dotted $borderColor;
  padding-top:.5em;
  line-height: 1.4em;
  font: bold 110% Georgia,Serif;
  color:#333;
  }
#comments-block {
  line-height:1.6em;
  }
.comment-author {
  background:url("http://www.blogblog.com/dots/icon_comment_$startSide.gif") no-repeat 2px .35em;
  margin:.5em 0 0;
  padding-top: 0;
  padding-bottom:0;
  padding-$startSide:20px;
  padding-$endSide:20px;
  font-weight:bold;
  }
.comment-body {
  margin:0;
  padding-top: 0;
  padding-bottom:0;
  padding-$startSide:20px;
  padding-$endSide:20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-footer {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  padding-top: 0;
  padding-bottom:.75em;
  padding-$startSide:20px;
  padding-$endSide:0;
  color:#996;
  }
.comment-footer a:link {
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
 
 
/* More Sidebar Content
----------------------------------------------- */
.sidebar h2 {
  margin:2em 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted $borderColor;
  line-height: 1.4em;
  font-size: 95%;
  font: $headerfont;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:$sidebartitle;
  }
.sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
.sidebar ul {
  list-style:none;
  margin:.5em 0;
  padding:0 0px;
}
 
.sidebar .widget { 
  margin: .5em 0 1em;
  padding: 0 0px;
  line-height: 1.5em;
 }
 
.main .widget { 
  padding-bottom: 1em;
}
 
.sidebar ul li {
  background:url("http://www1.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;
  margin:0;
  padding-top: 0;
  padding-bottom:5px;
  padding-$startSide:15px;
  padding-$endSide:0;
}
.sidebar p {
  margin:0 0 .6em;
  }
 
/* Profile 
----------------------------------------------- */
.profile-datablock { 
  margin: 0 0 1em;
}
 
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-bottom:5px;
  margin-$startSide:0;
  margin-$endSide:8px;
  border: 4px solid #cc9;
}
 
.profile-data { 
  margin: 0;
  line-height: 1.5em;
}
.profile-textblock { 
  clear: $startSide;
  margin-$startSide: 0;
}
 
/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:15px 0 0;
}
 
#footer p {
  margin:0;
}
 
/* Page structure tweaks for layout editor wireframe */
body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper { 
  padding: 0;
}
body#layout #sidebar, body#layout #sidebar-wrapper { 
  padding: 0;
  width: 240px;
 }
]]></b:skin>
</head>
 
<body>
  <div id='outer-wrapper'><div id='wrap2'>
 
    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
 
    <div id='content-wrapper'>
 
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>
 
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
      </div>
 
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Chloe Jolie Papi (Header)' type='Header'/>
</b:section>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Slideshow2' locked='false' title='Slideshow' type='Slideshow'/>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
<b:widget id='VideoBar1' locked='false' title='Chloe &amp;amp; Jolie' type='VideoBar'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Slideshow1' locked='false' title='Slideshow' type='Slideshow'/>
<b:widget id='Gadget1' locked='false' title='The Daily Puppy' type='Gadget'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
      </div>
 
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
 
    </div> <!-- end content-wrapper -->
 
    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
    </div>
 
  </div></div> <!-- end outer-wrapper -->
</body>
</html>
                

Open in new window

0
 
LVL 12

Expert Comment

by:BMilneSLO
ID: 24912248
Hey JP --

Did that code work out for you by any chance?
0
 

Author Closing Comment

by:easycapital
ID: 31599343
BMilneSLO:

Thanks. It worked.  JP
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
connection between blogspot and googleusercontent 2 408
image size when publishing blog posts 1 71
Citrix Xenapp 3 77
VPS required for 100k - 200k uniques/month? 9 104
This how-to not only gives you some answers on what to do when Blogger.com discontinues FTP support, but offers up some solutions for bloggers on a Blogspot subdomain looking to move to their own domain.   According to an email I received the othe…
If you don't have the right permissions set for your WordPress location in IIS, you won't be able to perform automatic updates. Here's how to fix the problem.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

823 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question