Reformat Blog Element - Support | Kriesi.at

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

Author

Posts
June 4, 2015 at 2:53 pm #454491

alex5252
Participant

Hi,

I am trying to get my blog posts to look like this: http://marckdesignconcepts.com/bio/wp-content/uploads/2015/05/Screen-Shot-2015-06-04-at-7.47.57-AM.png

Here is the page: http://marckdesignconcepts.com/bio/index.php/blogs/ossama-anis/

I have it pretty close, I just need to move the date and title to above the featured image and set them both in bold 15px font. How can I do this so it is set globally for all blog posts on the site?

June 5, 2015 at 6:17 pm #455225
Elliott
Inactive Moderator
Hi alex5252!

Open up /enfold/includes/loop-index.php and around lines 101 – 109 you should see this.
```
//echo preview image
if(strpos($blog_style, 'big') !== false)
{
	if($slider) $slider = '<a href="'.$link.'" title="'.$featured_img_desc.'">'.$slider.'</a>';
	if($slider) echo '<div class="big-preview '.$blog_style.'">'.$slider.'</div>';
}

if(!empty($before_content))
	echo '<div class="big-preview '.$blog_style.'">'.$before_content.'</div>';
```
Try moving that code down so it displays right above line 198.
```
// echo the post content
```
You can style those sections with this CSS.
```
.single h2.post-title { font-size: 15px !important; }
.single .post-meta-infos span, .single .post-meta-infos time { font-size: 15px !important; }
```
Regards,
Elliott
June 6, 2015 at 1:07 am #455359

alex5252
Participant

Thank you! That got it much closer to what I am looking for. However it does not appear that the css is working. When I add it to Quick CSS section it does not make any difference. Also, any way to move the date to be above the title?

June 8, 2015 at 3:55 am #455692

alex5252
Participant

Hi. I figure that part out. But how do I remove the / after the date?

Here is exactly what I need removed: http://marckdesign.net/wp-content/uploads/2015/06/Screen-Shot-2015-06-07-at-9.00.01-PM.png

http://marckdesignconcepts.com/bio/index.php/blogs/ossama-anis/

June 8, 2015 at 7:18 am #455730
Basilis
Inactive Moderator
Hi!

Please add the following to your Theme Options Custom CSS
```
span.text-step-date {
display: none;
}
```
Regards,
Basilis
June 8, 2015 at 12:42 pm #456024

alex5252
Participant

I added that but it did not remove the /. I also tired adding an !important tag and it is still there. Any other ideas?

June 8, 2015 at 12:57 pm #456030
Yigit
Keymaster
Hey!

Please use following code
```
span.text-sep-date {
display: none !important; 
}
```
Cheers!
Yigit
June 8, 2015 at 1:04 pm #456036

alex5252
Participant

Thanks! That worked!

June 8, 2015 at 1:08 pm #456039

Yigit
Keymaster

Hi!

You are welcome, glad we could help! :)

Regards,
Yigit
Author

Posts

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

The topic ‘Reformat Blog Element’ is closed to new replies.