How can i have two columns on the homepage (without static page) ?

  • Admin

    Syahir Hakim

    #29398
    Quote:
    Will the modification for thumbnails as u say will change the columns too ?

    No, but this simple CSS will:

    .two-columns .homepage_pane {
    width: 280px !important;
    }

    Mediacleg

    #29399

    hello,

    that’s what i tried at the beginning, but it doesn’t seem to work, here is the personnalized CSS in graphene options :

    body {
    background: url(images/bg_g.png) repeat #000 fixed;
    color: #2c2b2b;
    font: normal 12px Trebuchet MS;
    line-height: 17px;
    position: relative;
    margin-top: 15px

    }.entry-footer {
    border-top: 0px solid #e3e3e3; clear: both;
    margin-top: 20px;

    }.slider_post h2 a, .slider_post h2 a:visited {
    margin-left:10px

    }.slider_post_entry p {
    margin: 20px 1px 1px 172px;

    }.featured_slider {
    background: -moz-linear-gradient(left top , #0F2D4D, #2880C3) repeat scroll 0 0 transparent;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-top: 4px;
    position: relative;
    width: 100%;

    }.slider_nav {
    bottom: 0;
    clear: both;
    height: 199px;
    position: absolute;
    right: 8px;

    }.block-button, .block-button:visited, .Button, .button, #commentform #submit {
    background: -moz-linear-gradient(#2982C5, #1C5FA5) repeat scroll 0 0 transparent;
    box-shadow: 0 0 2px #555555;
    border: 0px solid #1C5FA5;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font: bold 12px Trebuchet MS;
    margin: 0 5px 5px;
    padding: 5px 15px 6px;
    position: relative;
    text-decoration: none;

    }.entry-content dt {
    margin-bottom: -36px;
    margin-left: -32px;
    margin-top: -5px;

    }.entry-content img, .child-page img {
    border: 4px solid #E3E3E3;
    margin: 11px;

    }.post-828 {
    display: none;

    }.post-title, .post-title a {
    font: small-caps 22px arial;

    }.slider_post h2 a, .slider_post h2 a:visited {
    font: 18px Trebuchet MS;
    text-transform: uppercase

    }.sidebar h3 {
    background: -moz-linear-gradient(#3C9CD2, #1F6EB6) repeat scroll 0 0 transparent;
    border-bottom: 0 solid #195392;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font: small-caps 16px Trebuchet MS;
    margin: -15px 0 5px -12px;
    padding: 2px 12px;
    text-shadow: 0 -1px 0 #555;
    width: 100%;
    zoom: 1;

    }
    #header-menu > li {
    font: normal 14px trebuchet MS;
    margin-left: 3px;

    }
    #header-menu > li > a {
    padding: 9px 22px 10px;

    }
    #secondary-menu > li {
    font: normal 11px Trebuchet MS;
    margin: 0 5px;
    text-transform: uppercase;
    margin-left: 5px

    }
    #secondary-menu > li > a {
    padding: 7px 13px 6px;
    margin-left: 4px;

    }.homepage_pane .post-excerpt{
    color: #696a6a;
    font: normal 12px/18px Trebuchet MS;
    text-align: justify

    }.homepage_pane .post-title a, .homepage_pane .post-title a:visited {
    font: 17px Trebuchet MS;

    }.two-columns .homepage_pane {
    width: 280px !important;

    Mediacleg

    #29400

    and here is the content of the file functions.php in the child-theme :

    <?php

    function graphene_custom_pane_image_width(){
    return 280;
    }
    add_filter( 'graphene_homepage_pane_image_width', 'graphene_custom_pane_image_width' );

    ?>

    but i don’t see effects i certainly did mistakes.

    Anonymous

    #29401

    You are missing a closing bracket in your css. This:

    }.two-columns .homepage_pane {
    width: 280px !important;

    Should be this (kinda weird how you write your css… but whatever works for you).

    }.two-columns .homepage_pane {
    width: 280px !important;
    }

    Note the closing bracket.

    Mediacleg

    #29402

    I’m a complete noob in css, and in html, and in….. :-/

    Here is my perso css, but nothing happened after modifyong the brackets, on the last line.

    .body {
    background: url(images/bg_g.png) repeat #000 fixed;
    color: #2c2b2b;
    font: normal 12px Trebuchet MS;
    line-height: 17px;
    position: relative;
    margin-top: 15px}

    .entry-footer {
    border-top: 0px solid #e3e3e3; clear: both;
    margin-top: 20px;}

    .slider_post h2 a, .slider_post h2 a:visited {
    margin-left:10px}

    .slider_post_entry p {
    margin: 20px 1px 1px 172px;}

    .featured_slider {
    background: -moz-linear-gradient(left top , #0F2D4D, #2880C3) repeat scroll 0 0 transparent;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-top: 4px;
    position: relative;
    width: 100%;}

    .slider_nav {
    bottom: 0;
    clear: both;
    height: 199px;
    position: absolute;
    right: 8px;}

    .block-button, .block-button:visited, .Button, .button, #commentform #submit {
    background: -moz-linear-gradient(#2982C5, #1C5FA5) repeat scroll 0 0 transparent;
    box-shadow: 0 0 2px #555555;
    border: 0px solid #1C5FA5;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font: bold 12px Trebuchet MS;
    margin: 0 5px 5px;
    padding: 5px 15px 6px;
    position: relative;
    text-decoration: none;}

    .entry-content dt {
    margin-bottom: -36px;
    margin-left: -32px;
    margin-top: -5px;}

    .entry-content img, .child-page img {
    border: 4px solid #E3E3E3;
    margin: 11px;}

    .post-828 {
    display: none;}

    .post-title, .post-title a {
    font: small-caps 22px arial;}

    .slider_post h2 a, .slider_post h2 a:visited {
    font: 18px Trebuchet MS;
    text-transform: uppercase}

    .sidebar h3 {
    background: -moz-linear-gradient(#3C9CD2, #1F6EB6) repeat scroll 0 0 transparent;
    border-bottom: 0 solid #195392;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font: small-caps 16px Trebuchet MS;
    margin: -15px 0 5px -12px;
    padding: 2px 12px;
    text-shadow: 0 -1px 0 #555;
    width: 100%;
    zoom: 1;}

    .header-menu > li {
    font: normal 14px trebuchet MS;
    margin-left: 3px;}

    .header-menu > li > a {
    padding: 9px 22px 10px;}

    .secondary-menu > li {
    font: normal 11px Trebuchet MS;
    margin: 0 5px;
    text-transform: uppercase;
    margin-left: 5px}

    .secondary-menu > li > a {
    padding: 7px 13px 6px;
    margin-left: 4px;}

    .homepage_pane .post-excerpt{
    color: #696a6a;
    font: normal 12px/18px Trebuchet MS;
    text-align: justify}

    .homepage_pane .post-title a, .homepage_pane .post-title a:visited {
    font: 17px Trebuchet MS;}

    .two-columns .homepage_pane {
    width: 280px !important;}
    Admin

    Syahir Hakim

    #29403

    Post the link to your site so we can take a look.

    Mediacleg

    #29404

    Thanks a lot : http://www.cleguerec.net

    Admin

    Syahir Hakim

    #29405

    You’re using a three column layout on the homepage, hence why it’s not working. Change to this:

    .three-columns .homepage_pane {
    width: 280px !important;
    }

    Not to pick on you, but this is why you should always include the link to your site whenever you’re requesting for help. You can set it in your forum profile so it’ll always show up.

    Mediacleg

    #29406

    Arf, i’m an idiot…… Thanks a lot.

    I can’t display the site online permanently, it’s not good for the moment….

Viewing 9 posts - 21 through 29 (of 29 total)

  • You must be logged in to reply to this topic.