• I have been using this theme for some time now and I′ve had no real problems modifying bits and pieces however I′d really like the post excerpts on the home/blog page to display in 2 or 3 columns instead of the current full width single column.

    here is the site as it currently stands
    https://fluency.es

    I have attempted this a few times and had no luck even after reading through peoples tips that seem to work with many other themes.

    I would appreciate any advice detailing where I need to make this change within the theme files.

    Thanks

    https://www.ads-software.com/extend/themes/clear-style/

Viewing 4 replies - 1 through 4 (of 4 total)
  • your theme has some elements separating the posts, which will make it more difficult to get three columns:
    <div class="clearstyle_c1"><div class="clearstyle_c2">

    because these elements clear any neccessary floats, and have background images which would need to be redesigned.

    also, i have no idea how the table structure of your post content will react to any adaptations.

    one way might be, that you procede with on one of the tutorial you have found, and come back here with detailed questions when you get stuck.

    Thread Starter geoff151177

    (@geoff151177)

    OK thanks for your prompt reply. following the items I′ve found on the interweb I can get posts into columns (using your grid tips https://www.transformationpowertools.com/wordpress/multi-column-wordpress-template) but as you pointed out all the formatting disappears and it looks very ugly and I don′t think I′m proficient enough to re-style the grid to keep the original clearstyle look and feel so at this point it seems I have 2 main options.

    1) use the grid format and post any questions I have on that thread regarding how to style it

    or

    2) find out if it′s possible to alter the current table so that each post displays in the same table row instead of in a new row.

    any ideas which would be the simplest route to take?

    thanks

    Thread Starter geoff151177

    (@geoff151177)

    did you look into the addendum in ‘Playing with columns – stacking posts in a grid’?
    as ‘clear-style’ is build on twenty ten, this does work ‘in principle’ – it just seems to need a vast amount of css adaptation – not worth to bother with.

    ——————————
    i was wrong with my first impression of the theme; there is actually an easy alternative:

    for two columns on the front page:

    edit loop.php (line 78):

    <div class="clearstyle_c1"><div class="<?php echo $c2 ?>">

    change to:

    <div class="<?php $oddeven = (in_array('sticky', get_post_class())) ? '' : (($oddeven == 'odd') ? 'even' : 'odd'); echo $oddeven; ?> clearstyle_c1"><div class="<?php echo $c2 ?>">

    at the end of style.css, add:

    /* odd even styling of posts on home page for two column */
    .home .odd, .home .even { width: 49%; float:left; clear:none!important; }
    .home .odd { margin-right: 2%; clear:both!important; }
    .home #nav-below { clear:both; width:100%; }

    (.home is the body class for the front/blog page)
    sticky posts are shown full width.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Theme: Clear Style] Columns of posts’ is closed to new replies.