Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #20847

    I’m probably crazy for wanting to do this…

    For the blog (both on the Blog page as well as the Individual Posts), I’m looking to change the grid a bit by widening the area for the post text to the full width of that table while using a sidebar. I have managed to widen the image to the size of the whole post as well as move the Blog Title towards the left margin. Piece of cake…

    What I’m having trouble with is the gap between the post information (the place where author, category, etc sit). If I change the information that controls the width of the text’s table, it puts itself below the post information. If I change the width of the post information, it moves the sidebar. I’m really not sure what the sidebar and the post information have to do with one another so it’s kind of driving me bonkers.

    You can see what I’m talking about here: http://thefreakygeeks.com/2013/02/fifty-shades-of-stupid/

    I’d like the text to sit next to the post information as well as wrap down and fill the width of the post table. I hope that made sense… I’m not always savvy on the technical terms.

    #109303

    Hi,

    Open includes folder, then edit the post formats file like format-standard.php, find this code

    <!--meta info-->
    <div class="three units alpha blog-meta meta-color">

    <div class='post-format primary-background flag'>
    <span class='post-format-icon post-format-icon-<?php echo get_post_format(); ?>'></span>
    <span class='flag-diamond site-background'></span>
    </div>

    <div class='blog-inner-meta extralight-border'>

    <span class='post-meta-infos'>

    <?php
    if(comments_open() || get_comments_number())
    {
    echo "<span class='comment-container minor-meta'>";
    comments_popup_link(__('this entry has','avia_framework')." <span>0 ".__('Comments','avia_framework')."</span>",
    __('this entry has','avia_framework')." <span>1 ".__('Comment' ,'avia_framework')."</span>",
    __('this entry has','avia_framework')." <span>% ".__('Comments','avia_framework')."</span>",'comments-link',
    __('Comments Off' ,'avia_framework'));
    echo "</span><span class='text-sep'>/</span>";
    }

    ?>

    <?php
    $cats = get_the_category();

    if(!empty($cats))
    {
    echo '<span class="blog-categories minor-meta">'.__('in ','avia_framework');
    the_category(', ');
    echo ' </span><span class="text-sep">/</span> ';
    }

    $portfolio_cats = get_the_term_list( get_the_ID(), 'portfolio_entries', '', ', ','');

    if($portfolio_cats && !is_object($portfolio_cats))
    {
    echo '<span class="blog-categories minor-meta">'.__('in ','avia_framework');
    echo $portfolio_cats;
    echo ' </span><span class="text-sep">/</span> ';
    }

    echo '<span class="blog-author minor-meta">'.__('by ','avia_framework');
    the_author_posts_link();
    echo '</span>';

    ?>

    </span>

    </div>

    </div><!--end meta info-->

    Cut it and paste it below this code

    <div class="six units entry-content">

    Regards,

    Ismael

    #109304

    Well I’ll be darned. Thank you so much!

    #109305

    Glad Isamel could help :)

    Let us know if you have any other questions or issues.

    Regards,

    Devin

    #109306

    Actually, yes I do. :D While we’re on this…

    1. How do I increase the padding between the body text and the separator to the right of the flag and post information?

    2. How can I move the flag and post info a little further to the left?

    3. I’d like to put the date below the flag with the rest of the post information. Is that possible? If so, how?

    I’m sorry… I’m such a pest. I get on these weird little changes here and there and it drives me bonkers. :D

    #109307

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    For #1 and 2 for single posts:

    #top.single-post .three.units.alpha.blog-meta {
    margin-right: 10px;
    margin-left: -10px;
    }

    You’ll need to modify the individual post format for each post type in the includes folder. Look for:

    echo '<span class="blog-author minor-meta">'.__('by ','avia_framework');
    the_author_posts_link();
    echo '</span>';

    change it to:

    echo '<span class="blog-author minor-meta">'.__('by ','avia_framework');
    the_author_posts_link();
    echo '</span>';
    ?>
    <span class='date-container minor-meta meta-color'><?php echo get_the_date(); ?></span>

    Make sure to delete the following a bit further down so you don’t get two dates:

    <span class='date-container minor-meta meta-color'><?php echo get_the_date(); ?>

    Then you’ll need to add some new css to position it:

    .template-blog .date-container {
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    top: auto;
    }

    That should do it, but it might take some additional adjustment here and there.

    If you have any other questions, just make a new topic and we’ll do our best to help :)

    Regards,

    Devin

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Widening Blog Posts: Grid Problems?’ is closed to new replies.