WordPress.org

1. belgin fish
   Member
   Posted 3 years ago #

   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 : http://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)

2. belgin fish
   Member
   Posted 3 years ago #

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

3. pandusetiawan
   Member
   Posted 3 years ago #

   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.

4. belgin fish
   Member
   Posted 3 years ago #

   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

5. pandusetiawan
   Member
   Posted 3 years ago #

   lol

   how bout "left" value of those class?

6. belgin fish
   Member
   Posted 3 years ago #

   they are all floating left

7. belgin fish
   Member
   Posted 3 years ago #

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

8. pandusetiawan
   Member
   Posted 3 years ago #

   i mean the

   left:???px value.

   of those classes, not the

   float:xxxx value

9. belgin fish
   Member
   Posted 3 years ago #

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

10. pandusetiawan
    Member
    Posted 3 years ago #

    can you give me the download link of your theme?

11. belgin fish
    Member
    Posted 3 years ago #

    OK, HERE ill get one, 1 sec

12. belgin fish
    Member
    Posted 3 years ago #

    http://rapidshare.com/files/109487169/revolution_tech.rar.html

13. andy_b
    Member
    Posted 3 years ago #

    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.

14. belgin fish
    Member
    Posted 3 years ago #

    heres the css : http://pastebin.com/m6cfb66b3

15. belgin fish
    Member
    Posted 3 years ago #

    and im going to try what you said

16. belgin fish
    Member
    Posted 3 years ago #

    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.

17. andy_b
    Member
    Posted 3 years ago #

    play around with
    the width and margin properties of
    #homepage
    #homepagetop
    #homefeature

    see what happens

    Do you have dreamweaver or any similar program? If so save your web page, open it in the application. it makes it easier to see which divs hold others

18. andy_b
    Member
    Posted 3 years ago #

    the alternative would be to stretch the existing boxes to the right, to close the gap. That would be easier i think

Topic Closed

This topic has been closed to new replies.