Support » Themes and Templates » Inove – left sidebar smaller?

Viewing 13 replies - 1 through 13 (of 13 total)
  • 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!

    Thread Starter talrasha

    (@talrasha)

    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

    Thread Starter talrasha

    (@talrasha)

    Can nobody help me`?

    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!

    Thread Starter talrasha

    (@talrasha)

    hey thanks,

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

    so decrease:

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

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

    job done…

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

    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..

    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]

    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]

    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]

    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]

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Inove – left sidebar smaller?’ is closed to new replies.