Widening Blog Posts: Grid Problems? « Support Forum | Kriesi.at

Support Forum » Propulsion

Widening Blog Posts: Grid Problems?

6 posts from 3 voices

Started 2 months ago by TheAlluringArtist
Latest reply from Devin
This topic is not a support question

Tags:

Blog
grid

TheAlluringArtist
Member

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.

Posted 2 months ago #

Ismael
Moderator

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

Posted 2 months ago #

TheAlluringArtist
Member

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

Posted 2 months ago #
Devin
Moderator

Glad Isamel could help :)

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

Regards,

Devin

Posted 2 months ago #
TheAlluringArtist
Member

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

Posted 2 months ago #
Devin
Moderator
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 ''.__('by ','avia_framework');
						the_author_posts_link();
						echo '';
```
change it to:
```
echo ''.__('by ','avia_framework');
						the_author_posts_link();
						echo '';
						?>
						<?php echo get_the_date(); ?>
```
Make sure to delete the following a bit further down so you don't get two dates:
<?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
Posted 2 months ago #