Need help with a cpl of things from a html wizarooni - know weebly?

1. 60

   Cly Walshposted 14 years ago

   Heya,
   
   I want to widen a couple of things in my template, have made a dummy site to show you what I mean. Any weebly users out there?
   
   I can widen the page no problem though when I do, the blog feed widens automatically with it. I would like the blog feed to be 50 pixels wider and the sidebar to be 100 pixels wider. So overall the template itself will be 150 pixels wider. Here is the dummy site with some info there:
   
   http://helpmeobiwan.weebly.com/
   
   If you have a weebly account (if not they are free) and feel like helping that would be groovy indeed! The template on the dummy site is the one I wish to use so scroll about three times to the right on the designs tab and you'll see it.
   
   Cheerio

   replyreport
2. 71

   sunforgedposted 14 years ago

   .column-blog {
   float:right;
   margin:0;
   padding:0;
   width:300px;
   }

   replyreport
   1. 60

      Cly Walshposted 14 years agoin reply to this

      Thank you for replying so soon. Are you inferring I should add this to the code as I can't find the above in the css to edit for that template.

      replyreport
3. 71

   sunforgedposted 14 years ago

   that code exists in your template already, i merely identified the css class that controls the sidebar -currently its set at 200px

   replyreport
   1. 60

      Cly Walshposted 14 years agoin reply to this

      Thanks for your patience though we must be looking at different templates. What is the line number for the code you are referring to? There no such code in my css file that I can see. The theme name for my template is MistyLook.
      
      At line 321 in my template all I can see is this:
      
      #sidebar {
        float: left;
        width: 200px;
        font-size:0.9em;
      
      This I had already changed to 300 prior to posting here though it makes no difference at all to the sidebar width.

      replyreport
   2. 49

      shanta10002895posted 14 years agoin reply to this

      wat r u talking  bout

      replyreport
      1. 71

         sunforgedposted 14 years agoin reply to this

         You join hubpages just to make this one nonsensical post? or should i say, wat iz dat awe bout!

         replyreport
4. 71

   sunforgedposted 14 years ago

   I found the class using the firebug add-on, made the edit and watched it work.
   
   i double checked using your page source
   
   open your template/code page and do a search for "column-blog"

   replyreport
   1. 60

      Cly Walshposted 14 years agoin reply to this

      I've searched several times for it. With the weebly editor we have limited access to two tabs for editing, one is called css and the other html. I'm guessing whatever is needed to control the width is in a file users don't have access to. If you can find the code you pasted above in the following css code I'll send you $20 AUD via Paypal
      
      /* 
      Theme Name: MistyLook
      Theme URI: http://wpthemes.info
      Description: A real clean template by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>. Support is available at <a href="http://forums.wpthemes.info/" title="Forums">Forums</a>.
      Version: 3.2
      Author: Sadish
      Author URI: http://simpleinside.com
      */
      * {
        padding: 0;
        margin:0;
      }
      p {
        margin: 0.5em 0;
        line-height:1.5;
      }
      
      /** CONFLICTED WITH TOOLBAR
      
      dl {
        margin:1em 0;
      }
      dt
      {
        font-weight:bold;
      }
      dd
      {
        margin:0.5em;
        padding:0;
      }
      
      img
      {
        background:url(shadow.gif) no-repeat right bottom;
        padding:4px 10px 10px 4px; 
        border:0;
        border-top:#eee 1px solid;
        border-left:#eee 1px solid; 
      }
      img.right {
        float: right;
        margin:10px 0 0 10px;   
      }
      img.left {
        float: left;
        margin:0 10px 10px 0; 
      }
      
      a:link img,
      a:visited img,
      a:hover img,
      a:active img {
        border:none;
        background:none;
        padding:none;
        background:url(shadow.gif) no-repeat right bottom;
        padding:4px 10px 10px 4px; 
        border-top:#eee 1px solid;
        border-left:#eee 1px solid;   
      }
      a:link img, a:visited img
      {
        border-bottom:1px dashed;
      }
      
      a:hover img, a:active img
      {
        border-bottom:1px solid;
      }
      
      */
      
      .clear {
        clear:both;
        height:20px;
      }
      blockquote
      {
        color:#666;
        margin: 1em;
        padding: 0 0 10px 50px;
        background: url(blockquote.gif) no-repeat left top; 
      }
      fieldset
      {
        border:0;
      }
      a
      {
          text-decoration:none;
      }
      a:link, a:visited {
        color: #6688ff; 
      }
      p a:hover, a:active {
        border-bottom:#963 1px solid;
      }
      h1, h2, h3, h4, h5, h6
      {
        font-family:Georgia, Verdana, Arial, Serif;
        line-height:1.5;
      }
      
      #container {
        border: #ccc 1px solid;
        background: #fff;
        margin: 0 auto;
        width: 930px;   
        position: relative;
        text-align: left;
      }
      #navigation {
        background: transparent;
        margin: 0 auto 0;
        overflow: hidden;
        width: 910px;
        position: relative;
        text-align: left;
        font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
      }
      html #navigation {
        height: 1%;
      }
      #navigation ul li {
        float: left;
        margin: 0 5px 0 0;
        list-style-type: none;
      }
      #navigation ul li a {
        border: #dedede 1px solid;
        border-bottom:none;
        padding: 2px 10px 2px 9px;
        display: block;
        font-weight:bold;
        color:#666;   
        text-decoration: none;
        background:#ededed;
        letter-spacing:0px;
      }
      #navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
        background: #fff;
        color: #333; 
        border: #ccc 1px solid;
        border-bottom:none;   
      }
      #active a:link {
        background: #fff;
        color:#333;
      }
      #active a:hover {
        background: #fff;
        color:#333;
      }
      #active a:visited {
        background: #fff;
        color:#333;
      }
      #navigation ul li.search {
        font-size: 0.9em;
        right: 0;
        position: absolute;
        top: 0;
      }
      #navigation ul li.search input#searchsubmit {
        border: #999 1px solid;
        font-size: 0.9em;
        background: #ddd;
        margin: 0 0 0 2px;
        color: #265e15;
        padding: 2px;     
      }
      #headertext {
        clear: both;
        float: left;
        margin: 10px 5px;
        width: 100%;
      }
      #headertext h1
      {
        font-size:1.8em;
        margin:10px 0 0 10px;
        font-variant:small-caps;
        letter-spacing:0px;
      }
      #headertext h1 a {
       
        text-decoration:none; 
        border:0;
      }
      #headertext h2
      {
        margin:5px 0 0 10px;
        font-size:1em;
        font-weight:normal;
        font-family:Tahoma, Verdana, Arial, Serif;
        letter-spacing:0px;
      }
      #feedarea {
        padding:10px 10px 0 0;
        float: right;   
        text-align: right;
      }
      html #feedarea {
        padding-top: 10px;
      }
      #feedarea dl dt {
        display: inline;
        margin-right: 5px;
        height: 45px;
      }
      #feedarea dl dd {
        display: inline;
        margin-right: 5px;
        height: 45px;
        background:url(icon_feed.gif) no-repeat left center;
        padding-left:16px;
      }
      #header-outer {
        clear: both;
        margin: 10px;
        padding: 0;
        color: #fff;
        height: 200px;
        width: 910px;
        background: #fff url(%%HEADERIMG%%) no-repeat;
      }
      html #header-outer {
        margin-top: 0;
      }
      
      #content {
        margin: 10px 20px;   
      }
      
      /*
      html #content {
        height: 1%;
      }
      */
      
      #content h3 {
        font-size: 1.4em;
        font-weight:normal;
        margin: 1em 0 0;
        color: #265e15; 
      }
      #content h4 {
        font-size: 1.1em;
        margin: 1em 0 0 0;
      }
      #content h5 {
        font-size: 1em;
        margin: 1em 0;
      }
      #content-main ul
      {
          margin:0 1em;
          padding:0 1em;
          list-style-image:url(bullet.png);
      }
      #content-main ul.asides
      {
        margin:0;
        padding:2em;
        border-bottom:#ddd 1px dashed;
      }
      #content ol
      {
          list-style-type:decimal;
          margin:1em;
          padding:0 1em;
      }
      #content-main {
        float: left;
        width: 520px;
        margin-right: 20px;
      }
      html #section-index #content-main {
        margin-right: 20px;
      }
      #content .post
      {
        padding:0 0 2em 0;
        border-bottom:#ddd 1px dashed;
      }
      #content h2
      {
        font-size: 1.5em;
        margin: 0.5em 0; 
        font-weight:normal;
        line-height:1.5;
        letter-spacing:0px;
      }
      #content .entry
      {
          margin:1em 0;
          padding-right:1em;   
      }
      #content .entry a:link, #content .entry a:visited
      {
          border-bottom:#963 1px dashed;   
      }
      #content .entry a:hover, #content .entry a:active
      {
          border-bottom:#963 1px solid;   
      }
      #content .post-info , #content .postmetadata
      {
        font-size:0.9em;
        color:#999;
        margin:0;
        padding:0; 
      }
      #content .post-info,
      #content h2.pagetitle
      {
        background:url(underline1.jpg) no-repeat left bottom;
        padding-bottom:15px; 
      }
      #sidebar {
        float: left;
        width: 200px;
        font-size:0.9em;
      }
      #sidebar ul
      {
        list-style:none;
        margin:0;
        padding:0;
      }
      #sidebar li
      {
        margin-bottom:5px;
      }
      #sidebar ul ul
      {
        list-style:none;
        margin:0.5em 0 0 1em;
      }
      #sidebar ul ul ul
      {
        margin:0 0 0 1em;
      }
      li.sidebox {
        padding:10px;
        background: url(sideheadtop.gif) #ededed no-repeat left top;
        margin-bottom: 10px;   
      }
      html li.sidebox {
        padding-bottom: 10px;
      }
      li.sidebox h2 {
        font-weight: normal;
        font-size: 1.4em;
        text-align: left;
        color: #242; 
        font-variant:small-caps;
        letter-spacing:0px;
      }
      li#sidelinks ul
      {
        margin:0;
        padding:0;
      }
      #sidebar li.sidebox p img {
        margin:0;
        padding:3px;
        border:#ccc 1px solid;
        background:none;
      }
      
      #footer {
        clear: both;   
        background: transparent;
        margin: 0 auto;
        width: 910px;   
        text-align: left;
      }
      html #footer {
        height: 1%;
      }
      #footer p {
        float: left;
        width: 50%;
        line-height: 1.2em;
      }
      #footer p.right {
        float: right;
        margin: 0.8em 0;
        width: 50%;
        text-align: right;
        font-size: 0.9em;
        color:#999;
      }
      #comments, #respond{
        margin: 0;
        padding:1em 0 0 0;
      }
      #commentform
      {
        margin:10px 0; 
        padding:10px;
        background:#f9fcfc;
        border-top: #ddd 1px solid;
        border-bottom: #ddd 1px solid;
      }
      .commentnum
      {
        font-size:1.5em;
        font-weight:bold; 
        margin:0 5px 0 0;
      }
      #container .commentlist {
        margin: 1em 0;
        padding: 0;   
        border-top: #ddd 1px solid;
      }
      .commentlist li
      {
        list-style:none;
        margin: 0;
        padding: 1em 0.5em; 
        background:#fff url(shadow_top.gif) repeat-x top;
        border-bottom: #ddd 1px solid;
       
      }
      .commentlist li.alt
      {
          background:#f9f9f9;   
      }
      .commentlist li.authorcomment
      {
          border:#fc9 1px solid;
      }
      .commentlist li .cmtinfo
      {
        font-size:1em;   
      }
      .commentlist li cite
      {
        font-style:normal;
        font-weight:bold;
      }
      .commentlist li .cmtinfo em
      {
        float:right;
        margin:0;
        padding:0;
        font-style:normal;
        font-size:0.9em;
        color:#999;
      }
      #content .commentsfeed
      {
        background:url(icon_feed.gif) no-repeat left center;
        padding-left:16px;
      }
      #content .trackback
      {
        background:url(link.gif) no-repeat left center;
        padding-left:20px;
      }
      input.textbox, textarea
      {
        border:#ccc 1px solid;
        background:#fff url(shadow_top.gif) repeat-x top;
        font:1em Verdana, Arial, Serif;
        padding:2px;
        width:150px;
      }
      textarea{
        width: 90%;
        padding:10px;
        line-height:2em;
        height: 20em;
      }
      input.textbox:focus, textarea:focus
      {
        background:#fff url(shadow_top.gif) repeat-x top;
        border:#999 1px solid;
      }
      #submit
      {
        padding:3px 5px;
      }
      .post h4
      {
        font-size:1em;
        font-weight:normal;
        font-family:Verdana, Tahoma, Arial, Serif;
      }
      .post h4 em
      {
        font-style:normal;
        float:right;
        font-weight:normal;
      }
      #headertext, #sidebar, #footer, .widget {
          overflow: hidden;
      }
      body
      {
        background: #f9f9f0;
        padding: 20px 0 0 0;
        font: 76%/1.6em verdana, tahoma, arial,  sans-serif;
        color: #333;
        text-align: center;
      }
      
      /****************************** flyout menus ******************************/
      
      #weebly-menus .weebly-menu-wrap {
        z-index: 5000;
      }
      
      #weebly-menus .weebly-menu {
        padding: 0;
        margin: 0;
        list-style: none;
      }
      
      #weebly-menus .weebly-menu li {
        float: left;
        clear: left;
        width: 170px;
        text-align: left;
      }
      
      #weebly-menus .weebly-menu li a {
        position: relative;
        display: block;
        width: 100%;
        background: #ffffff;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-decoration: none;
        font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
        font-size: 11px;
        font-weight: normal;
        line-height:1;
        padding:3px;
        color: #000;
      }
      
      #weebly-menus .weebly-menu li a:hover {
        background: #e3e3e3;
      }
      
      #weebly-menus span.weebly-menu-title {
        display: block;
        padding: 5px 10px;
      }
      
      #weebly-menus span.weebly-menu-more {
        background: transparent url(http://images.weebly.com/weebly/images/ … _arrow.gif) no-repeat center top;
        display: block;
        position: absolute;
        right: 5px;
        top: 0;
        font-family: Courier;
        height: 28px;
        line-height: 28px;
        padding:1px 0 3px 0;
      }

      replyreport
5. 71

   sunforgedposted 14 years ago

   does this match your template code?
   
   http://static-cdn.weebly.com/weebly/ima … mmon.css?4
   
   line 89

   replyreport
6. 71

   sunforgedposted 14 years ago

   its possible that the code im viewing comes from a weebly stylesheet that your site is drawing from ...im curious now, i have a couple of weebly accounts, lets see if i can remember my log in info

   replyreport
7. 71

   sunforgedposted 14 years ago

   ill be back 15 mins or so, im logged into weebly seeing what your view is

   replyreport
8. 71

   sunforgedposted 14 years ago

   http://writeformoney.weebly.com/
   
   column width hasnt been an issue
   
   where is archive / category etc ..so i can make a better mock-up

   replyreport
   1. 60

      Cly Walshposted 14 years agoin reply to this

      If you start with that template go to 'pages' and click new blog. You will have 'author', 'categories' and 'archives' automatically.
      
      I don't have issues adjusting widths with plain web pages, just the blog page. I'm guessing it's a server-side thing that cannot be changed yet.
      
      Tried exporting the whole template to gain access to other files though no luck, it still only has two files to edit and they are identical to those available in the weebly editor.

      replyreport
      1. 71

         sunforgedposted 14 years agoin reply to this

         aha, i was editing a pre existing blog

         replyreport
9. 71

   sunforgedposted 14 years ago

   the initial code I posted added to the template does change the sidebar to 300 pixels
   
   but now the positioning of teh text needs to be changed also..so ill be back
   
   http://writeformoney.weebly.com/new-blog.html

   replyreport
10. 71

    sunforgedposted 14 years ago

    http://writeformoney.weebly.com/new-blog.html
    
    Now, the text is aligned properly with sidebar

    replyreport
    1. 60

       Cly Walshposted 14 years agoin reply to this

       Woot no.5!
       
       Good job   Now how'd you do it?
       
       If you don't have the time or inclination to post it all up here now it's no problem, just send me a message to let me know when you've got it posted.
       
       Must head out for a bit, many thanks though it was driving me nucking futs!
       
       Cheers and thanks again

       replyreport
11. 71

    sunforgedposted 14 years ago

    is that what you were envisioning?

    replyreport
    1. 60

       Cly Walshposted 14 years agoin reply to this

       Yes, different widths though yes that's exactly what I was looking to be able to do. Once I see how you did it, it should be a snap.

       replyreport
12. 71

    sunforgedposted 14 years ago

    emailed the sidebar code ..than you need to change all 768's in the css, container,navigation etc. to 930 and place a properly sized image
    
    this was more like it, right?
    
    http://writeformoney.weebly.com/new-blog.html

    replyreport
    1. 60

       Cly Walshposted 14 years agoin reply to this

       Did a simple cut 'n' paste and voila! No problems.
       
       Wow I don't even know how to thank you other than to say thanks! Load off my mind. Kind of you to stuff about for a stranger.
       
       Cheers!

       replyreport
    2. 53

       Germanottaposted 12 years agoin reply to this

       Can you please send me too

       replyreport