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

Jump to Last Post 1-12 of 12 discussions (23 posts)
  1. Cly Walsh profile image55
    Cly Walshposted 8 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 image72
    sunforgedposted 8 years ago

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

    1. Cly Walsh profile image55
      Cly Walshposted 8 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.

  3. sunforged profile image72
    sunforgedposted 8 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 image55
      Cly Walshposted 8 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.

    2. profile image43
      shanta10002895posted 8 years agoin reply to this

      wat r u talking  bout

      1. sunforged profile image72
        sunforgedposted 8 years agoin 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 image72
    sunforgedposted 8 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 image55
      Cly Walshposted 8 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 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 image72
    sunforgedposted 8 years ago

    does this match your template code?

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

    line 89

  6. sunforged profile image72
    sunforgedposted 8 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 image72
    sunforgedposted 8 years ago

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

  8. sunforged profile image72
    sunforgedposted 8 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 image55
      Cly Walshposted 8 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.

      1. sunforged profile image72
        sunforgedposted 8 years agoin reply to this

        aha, i was editing a pre existing blog

  9. sunforged profile image72
    sunforgedposted 8 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 image72
    sunforgedposted 8 years ago

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

    Now, the text is aligned properly with sidebar

    1. Cly Walsh profile image55
      Cly Walshposted 8 years agoin 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 image72
    sunforgedposted 8 years ago

    is that what you were envisioning?

    1. Cly Walsh profile image55
      Cly Walshposted 8 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.

  12. sunforged profile image72
    sunforgedposted 8 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 image55
      Cly Walshposted 8 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! smile Load off my mind. Kind of you to stuff about for a stranger.

      Cheers!

    2. profile image48
      Germanottaposted 7 years agoin reply to this

      Can you please send me too big_smile

 
working

This website uses cookies

As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

Show Details
Necessary
HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
LoginThis is necessary to sign in to the HubPages Service.
Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
AkismetThis is used to detect comment spam. (Privacy Policy)
HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
Features
Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
MavenThis supports the Maven widget and search functionality. (Privacy Policy)
Marketing
Google AdSenseThis is an ad network. (Privacy Policy)
Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
Index ExchangeThis is an ad network. (Privacy Policy)
SovrnThis is an ad network. (Privacy Policy)
Facebook AdsThis is an ad network. (Privacy Policy)
Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
AppNexusThis is an ad network. (Privacy Policy)
OpenxThis is an ad network. (Privacy Policy)
Rubicon ProjectThis is an ad network. (Privacy Policy)
TripleLiftThis is an ad network. (Privacy Policy)
Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
Statistics
Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)