jump to last post 1-12 of 12 discussions (23 posts)

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

  1. Cly Walsh profile image61
    Cly Walshposted 6 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

  2. sunforged profile image65
    sunforgedposted 6 years ago

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

    1. Cly Walsh profile image61
      Cly Walshposted 6 years ago in 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.

  3. sunforged profile image65
    sunforgedposted 6 years ago

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

    1. Cly Walsh profile image61
      Cly Walshposted 6 years ago in 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.

    2. 60
      shanta10002895posted 6 years ago in reply to this

      wat r u talking  bout

      1. sunforged profile image65
        sunforgedposted 6 years ago in reply to this

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

  4. sunforged profile image65
    sunforgedposted 6 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"

    1. Cly Walsh profile image61
      Cly Walshposted 6 years ago in 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 smile

      /* 
      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;
      }

  5. sunforged profile image65
    sunforgedposted 6 years ago

    does this match your template code?

    http://static-cdn.weebly.com/weebly/ima … mmon.css?4

    line 89

  6. sunforged profile image65
    sunforgedposted 6 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

  7. sunforged profile image65
    sunforgedposted 6 years ago

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

  8. sunforged profile image65
    sunforgedposted 6 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

    1. Cly Walsh profile image61
      Cly Walshposted 6 years ago in 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.

      1. sunforged profile image65
        sunforgedposted 6 years ago in reply to this

        aha, i was editing a pre existing blog

  9. sunforged profile image65
    sunforgedposted 6 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

  10. sunforged profile image65
    sunforgedposted 6 years ago

    http://writeformoney.weebly.com/new-blog.html

    Now, the text is aligned properly with sidebar

    1. Cly Walsh profile image61
      Cly Walshposted 6 years ago in reply to this

      Woot no.5!

      Good job smile  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

  11. sunforged profile image65
    sunforgedposted 6 years ago

    is that what you were envisioning?

    1. Cly Walsh profile image61
      Cly Walshposted 6 years ago in 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.

  12. sunforged profile image65
    sunforgedposted 6 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

    1. Cly Walsh profile image61
      Cly Walshposted 6 years ago in 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! smile Load off my mind. Kind of you to stuff about for a stranger.

      Cheers!

    2. 61
      Germanottaposted 5 years ago in reply to this

      Can you please send me too big_smile

 
working