1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Does anyone know how to resize a sidebar?

Discussion in 'Blogging' started by ronmojohny, Aug 3, 2011.

  1. ronmojohny

    ronmojohny Regular Member

    Joined:
    Dec 9, 2008
    Messages:
    283
    Likes Received:
    59
    I installed a blog and added some adverts as widgets, the widgets are too wide and cross over into the body of the blog, can someone please help me fix it? Here is what I'm talking about:

    http://enlarged-heart.org
     
  2. Autumn

    Autumn Elite Member

    Joined:
    Nov 18, 2010
    Messages:
    2,197
    Likes Received:
    3,041
    Occupation:
    I figure out ways to make money online and then au
    Location:
    Spamville
    You need to set a width for the .navigation class in your style sheet eg something like

    Code:
    .navigation {
    	background: #FFFFFF;
    	float: left;
    	width: 350px;
    }
    

    You may also need to fiddle with .main and other classes to get everything to fit nicely.
     
  3. GrizzlyAdams

    GrizzlyAdams Regular Member

    Joined:
    Feb 17, 2011
    Messages:
    479
    Likes Received:
    405
    Occupation:
    Freelancer
    Location:
    British Columbia
  4. ExecutiveCloser

    ExecutiveCloser Regular Member

    Joined:
    Jul 20, 2011
    Messages:
    308
    Likes Received:
    156
    Occupation:
    CEO of *********
    Location:
    East Coast
    you could make the content smaller also

    .content {
    background: none repeat scroll 0 0 #EAEAEA;
    float: right;
    padding-left: 0;
    width: 465px;


    }
     
  5. risefromdeath

    risefromdeath Power Member

    Joined:
    Jul 1, 2009
    Messages:
    650
    Likes Received:
    107
    Find this
    HTML:
    element.style {    display: block;    height: auto;    left: 0;    outline: 0 none;    position: relative;    top: 0;    width: 305px;    z-index: 1002;}
    change to
    HTML:
    element.style {    display: block;    height: auto;    left: 0;    outline: 0 none;    position: relative;    top: 0;    width: 205px;    z-index: 1002;}
    
     
  6. oakley56fila

    oakley56fila Junior Member

    Joined:
    Feb 14, 2011
    Messages:
    108
    Likes Received:
    32
    Occupation:
    SEO Consultant, Web Designer / Front-end Developer
    Location:
    Washington State
    You need to edit your CSS

    find .content and change the width from 565px to 465px

    next, find .navigation and change the width from 210px to 310px


    after implementing these changes locally on my machine, this is what the site looks like:
    ht*tp://screencast.com/t/m9Cgraak

    I do this kinda stuff for a living.. if you like I can login to your site and make the necessary changes. Should take me about 3 minutes. PM me if you'd like a hand.


    >>> On a side note, my sister had a heart transplant due to cardiomyopathy (enlarged heart) << just an interesting fact
     
  7. ronmojohny

    ronmojohny Regular Member

    Joined:
    Dec 9, 2008
    Messages:
    283
    Likes Received:
    59
    Thanks for the help guys.. I fixed it using your recommendations. But I have 1 more question, why does the site load up in the middle of the page, instead of at the top?