• Ok, well im sorta new to this stuff, and im just wondering how i can make my sidebar move over to the left a little bit. as you can see on my site : https://tech-cool.com there is a pretty big gap between recent articles/featured and the right sidebar, how can i remove this gap and make everything fit together like to left half of the site? (that box at the top is just there because im editing the template atm)

Viewing 15 replies - 1 through 15 (of 17 total)
  • Thread Starter belgin-fish

    (@belgin-fish)

    it might be a problem with the css too, i checked it and none of the widths are that much. Does anyone know?

    It surelly related to the css of your theme. i’m not using the same theme as you so i don’t know the details, but maybe you could check out your style.css of your theme, search for class “homepageleft” and “homepageright” and set the value of left, padding, or margin.

    Hope it usefull 4 u.

    Thread Starter belgin-fish

    (@belgin-fish)

    ya, well i searched those and their margins are all 0 lol
    and the biggest margin i found in the css what 10 px wich wouldnt make that big of a gap

    lol

    how bout “left” value of those class?

    Thread Starter belgin-fish

    (@belgin-fish)

    they are all floating left

    Thread Starter belgin-fish

    (@belgin-fish)

    heres the css for the right sidebar

    /************************************************
    * Sidebar *
    ************************************************/

    #sidebar {
    float: left;
    width: 284px;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    line-height: 17px;
    display: inline;
    }

    #sidebar p {
    padding: 0px 10px 0px 0px;
    margin: 0px;
    }

    #sidebar a img {
    border: none;
    margin: 5px 6px 0px 0px;
    padding: 0px 0px 0px 0px;
    }

    #sidebar h2 {
    color: #000000;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    }

    .ads {
    background: #FFFFFF url(images/sidebg.gif);
    float: left;
    width: 272px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 7px 10px;
    }

    .newsletter {
    background: #FFFFFF url(images/sidebg.gif);
    float: left;
    width: 272px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 10px;
    }

    .recently {
    background: #FFFFFF url(images/sidebg.gif);
    float: left;
    width: 272px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    }

    .hppostmeta {
    width: 262px;
    font-size: 11px;
    padding: 0px 0px 5px 0px;
    margin: 5px 0px 10px 0px;
    border-bottom: 1px dotted #C0C0C0;
    font-weight: bold;
    }

    i mean the

    left:???px value.

    of those classes, not the

    float:xxxx value

    Thread Starter belgin-fish

    (@belgin-fish)

    lol i dont get what ur saying, im kinda a newbie at this stuff

    can you give me the download link of your theme?

    Thread Starter belgin-fish

    (@belgin-fish)

    OK, HERE ill get one, 1 sec

    Thread Starter belgin-fish

    (@belgin-fish)

    is there a div that contains recent articles, featured articles and that grey box? if so look at the class for that div and its margins or padding

    eg.

    <div class='container'>
     <div>
       grey box
     </div>
     <div>
       featured articles
     </div>
     <div>
       recent articles
     </div>
    <div>

    look at margins and padding for container class.

    Thread Starter belgin-fish

    (@belgin-fish)

    Thread Starter belgin-fish

    (@belgin-fish)

    and im going to try what you said

    Thread Starter belgin-fish

    (@belgin-fish)

    ok, well i found the div that contains them all, but when i make the width smaller, the “Featured” gets sent down bellow to the bottem of the blog even though theres more than enough space to have it up top.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Make Sidebar Move To The Left A Little?’ is closed to new replies.