WordPress.org

1. talrasha
   Member
   Posted 3 years ago #

   Hi,

   How can i make the left sidebar smaller and the main table bigger?

   What .php i have to edit?

   Thanks

2. musnake
   Member
   Posted 3 years ago #

   It would help if you gave the name/URL to the theme you're using so that people can look at what your're talking about!

3. talrasha
   Member
   Posted 3 years ago #

   Hi,

   I am talking about Inove

   http://wordpress.org/extend/themes/inove

   The table is split in 2 tables (main and right sidebar) And i want to make the right sidebar smaller. (Main should get bigger)

   ps. Sorry for my Englih - and iam talking about the right sidebar not left. I have done a mistake.

   Thanks

4. talrasha
   Member
   Posted 3 years ago #

   Can nobody help me`?

5. mogmedia
   Member
   Posted 3 years ago #

   its not stored in any of the PHP files, its in the main site CSS.

   easiest thing to do is install firebug in firefox, find the column names you want to edit, then search for them in the css where you will find the details you have to change.

   as an example, I moved the left column to the right, and resized them both, you can see the results here: Britney Spears Tickets

   you are looking for text in the CSS that looks like this:

   style.css:

   (please note these are MY EDITED VERSIONS)
   MAIN CONTENT DETAILS:

   /* main START */
   #main {
   background:#FFF;
   width:605px;
   padding:5px 15px 10px;
   float:left;

   SIDEBAR CONTENT DETAILS:

   /* sidebar START */
   #sidebar {
   background:#F7F7F7;
   width:300px;
   float:right;
   font-size:95%;
   background:#F7F7F7;
   line-height:145%;
   overflow:hidden;

   hope this helps!

6. talrasha
   Member
   Posted 3 years ago #

   hey thanks,

   but my probleme is that the sidebar is to big. I want to make it smaller .

7. mogmedia
   Member
   Posted 3 years ago #

   so decrease:

   /* sidebar START */
   #sidebar {
   background:#F7F7F7;
   width:300px; <<<-------

   and increase:
   /* main START */
   #main {
   background:#FFF;
   width:605px; <<<--------

   job done...

8. mg12
   Member
   Posted 3 years ago #

   mogmedia is right!
   But I think you also need to change two image files:
   1. header_footer.jpg
   2. sidesep.gif

9. mogmedia
   Member
   Posted 3 years ago #

   yep, thanks mg12, if you look at my edited site here: http://www.britneyspearstickets.co.uk/ you will see that I didnt, I just changed the background colour to make it fit better.

   Check the bottom of the top header to see the image slightly out of skew..

10. neorackle
    Member
    Posted 2 years ago #

    My idea..

    1. Change sidebar width
    #sidebar {
    background:#F7F7F7;
    width:300px;
    /*change 300px. eg: 350px (means u add 50px)*/
    float:right;
    font-size:95%;
    line-height:145%;
    overflow:hidden;

    }

    2. Change post area width
    #main {

    background:#FFF;
    width:605px;
    /*change 605px. eg: 555px (u need to minus the amount of pixel you add prev in sidebar so it will be balance --> minus 50px)*/
    padding:5px 15px 15px;
    float:left;

    }

    then like mg12 mentioned, u need to modify both picture for the border line between sidebar and posting area.

    thanks.
    [signature moderated Please read the Forum Rules]

11. neorackle
    Member
    Posted 2 years ago #

    One more thing..

    Dont forget to change

    .comment .info {

    background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat;
    float:left;
    padding:10px 15px 0;
    width:494px;
    /*change 494 to 444. The trick is the same as when you change post area width. --> minus 50px*/

    }

    All these code located inside style.css

    thanks.
    [signature moderated Please read the Forum Rules]

12. neorackle
    Member
    Posted 2 years ago #

    I just noticed that in inove 1.4 there is no more header_footer.jpg file.

    So this means that just need to modify file sidesep.gif .

    mg12 had least down the burden for us.

    thanks.
    [signature moderated Please read the Forum Rules]

13. neorackle
    Member
    Posted 2 years ago #

    Please change the
    
    #comment {
    width:601px; /*<---this number*/
    }

    This is to adjust your comment text area width.

    thanks,
    [signature moderated Please read the Forum Rules]

14. Satya Prakash
    Member
    Posted 2 years ago #

    INOVE theme is good. I am also looking to make it wider.
    but it will take time.

Topic Closed

This topic has been closed to new replies.