Joomla Templates Club 406,261 posts

[jgremmen Friend jgremmenJoin date: October 2010Posts: 8Downloads:0Uploads:2]

#156994

The JA Ores template, more specific its blog layout, seems to have a problem with the german language setting.

The article creation date isn’t properly formatted. The month text “November” apparently is too long and breaks the layout. I changed the template a bit so it produces the short (instead of the long) month name. This doesn’t look any better as it puts the year directly behind the short month name “Nov”. Maybe it looks right for some months but definately not for all months…

Regards,
Jeroen

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#365358

you try with this solution

open the file: templates/ja_ores/html/com_content/category/blog_item_blog.php and find:


'<span class="ja-date">%d</span><span class="ja-month">%B</span><span class="ja-year">%Y</span>'

replace:


'<span class="ja-date">%d</span><span class="ja-month">%b</span><span class="ja-year">%Y</span>'


[jgremmen Friend jgremmenJoin date: October 2010Posts: 8Downloads:0Uploads:2]

#365472

well, that’s exactly what i tried in order to solve the problem. Now the month always fit, but(!) the year value appears behind the month and not below the month as it should be.

[jgremmen Friend jgremmenJoin date: October 2010Posts: 8Downloads:0Uploads:2]

#365642

Here is a picture, so you can see what happens. If the month name is less than 5 characters, it looks like this.

Could this problem please be fixed in the template?

---

Attachments:

1. 

[jgremmen Friend jgremmenJoin date: October 2010Posts: 8Downloads:0Uploads:2]

#365644

And this is how it looks when the month name is a bit longer…

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#365654

It is, as I am sure you have guessed, not just a problem in German but all languages.

Please open

<span class="createdate-icon clearfix">
<?php echo JHTML::_('date', $this->item->created, '<span class="ja-date">%d</span><span class="ja-month">%B</span><span class="ja-year">%Y</span>'); ?>
</span>

and replace with

<span class="createdate-icon clearfix">
<?php echo JHTML::_('date', $this->item->created, '<div><span class="ja-date" style="float:left;">%d</span><div><div class="ja-month" style="width:95px;">%B</div><div class="ja-year">%Y</div></div></div>'); ?>
</span>

Then find in template.css around line 510

#ja-blog-style .article-tools {
background:url("../images/arrow-l.gif") no-repeat scroll -12px 10px transparent;
clear:none;
float:right;
padding-left:35px;
width:25%;
}

and change to

#ja-blog-style .article-tools {
background:url("../images/arrow-l.gif") no-repeat scroll -12px 10px transparent;
clear:none;
float:right;
padding-left:35px;
width:27%;
}

Sorry it is a quick and dirty fix. A little short on time tonight. There is not enough width in the block for all the months in English and German plus if the width is less we get the overlap. Hopefully the devs can apply a fix to a future release of the template.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#365949

Hi jgremmen,

I think the most simple solution is :

edit /ja_ores/css/template.css line 581:

#ja-blog-style .createdate-icon .ja-month {
margin-top: 10px;
}

To:

#ja-blog-style .createdate-icon .ja-month {
margin-top: 10px;
overflow: hidden;
width: 90px;
}

since the month text is shorten, 90px length is enough, that will bring them back to proper positions.

[Author]

Posts