Joomla Templates Club 406,261 posts

[sbbritt Friend sbbrittJoin date: November 2011Posts: 161Downloads:0Uploads:57 Thanks: 22]

#196546

Date is not very visible and is over headline. Have included an attachment.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#529876

The date is part of that whole block – with your “Last Update” and “search” module

Do you want that block below your logo, or above?

[sbbritt Friend sbbrittJoin date: November 2011Posts: 161Downloads:0Uploads:57 Thanks: 22]

#529887

Great to hear from you Tom! Been a while.

The date I am talking about is the one that shows when the article was published or last updated. It prints over the top of the headline for the article.

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

#530553

Please try workaround below:

+ Open the templates/ja_teline_iv/css/k2.css file

Change


.ja-blog-date {
background: url(../images/curl2-bg.gif) no-repeat left top;
color: #fff;
left: -20px;
line-height: 1;
padding-top: 5px;
position: absolute;
text-align: center;
top: 0px;
width: 80px;
}

#k2Container .ja-blog-date div.inner {
background: #333;
display: block;
padding: 0 10px 5px 10px !important;
}

.ja-blog-date span.date {
float: left;
font-size: 200%;
font-weight: bold;
margin-top: 2px;
text-shadow: 0 1px 1px #000;
}

.ja-blog-date span.month-year {
color: #ccc
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-top: 7px;
text-transform: uppercase;
}

.ja-blog-date span.month-year strong {
display: block;
padding: 0 0 2px;
}

.ja-blog-date .catItemCommentsLink {
border: 0;
clear: both;
color: #ccc;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 5px 0 0;
padding: 0;
width: 100%;
}

.ja-blog-date .catItemCommentsLink a {
color: #ccc;
display: block;
text-shadow: 0 1px 1px #000;
}

.ja-blog-date .catItemCommentsLink a:hover {
color: #fff;
}


To


.itemBlogList .ja-blog-date{
background: url(../images/curl2-bg.gif) no-repeat left top;
color: #fff;
left: -20px;
line-height: 1;
padding-top: 5px;
position: absolute;
text-align: center;
top: 0px;
width: 80px;
}

.itemBlogList .ja-blog-date div.inner {
background: #333;
display: block;
padding: 0 10px 5px 10px !important;
}

.itemBlogList .ja-blog-date span.date {
float: left;
font-size: 200%;
font-weight: bold;
margin-top: 2px;
text-shadow: 0 1px 1px #000;
}

.itemBlogList .ja-blog-date span.month-year {
color: #ccc;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-top: 7px;
text-transform: uppercase;
}

.itemBlogList .ja-blog-date span.month-year strong {
display: block;
padding: 0 0 2px;
}

.itemBlogList .ja-blog-date .catItemCommentsLink {
border: 0;
clear: both;
color: #ccc;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 5px 0 0;
padding: 0;
width: 100%;
}

.itemBlogList .ja-blog-date .catItemCommentsLink a {
color: #ccc;
display: block;
text-shadow: 0 1px 1px #000;
}

.itemBlogList .ja-blog-date .catItemCommentsLink a:hover {
color: #fff;
}

dl.article-info dd, dl.article-info dt {
display: inline-block;
margin-top: 0;
}


+ Open the templates/ja_teline_iv/css/template.css file and add this new rule into the end of file:


dl.article-info dd, dl.article-info dt {
display: inline-block;
line-height: normal;
margin: 0;
padding: 0;
vertical-align: middle;
}


Once done, clear cache from admin area.

[Author]

Posts