Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Date Alignment in K2 Item Listing

Featured Lock Resolved Issue
So I have applied the code that helped me out the last time I asked for help. Works great, but the only issue I have is that when viewed in mobile view, the date moves back under the title. Please note attached screenshots) Is there a way to code this to that when this page is viewed in any responsive mode, the date can remain to the left of the article title in the list?

Thanks again,
Steve

Attachments (2)

  • DateAlignment.01.jpg
    DateAlignment.01.jpg 460.9 KB
  • DateAlignment.02.jpg
    DateAlignment.02.jpg 196.7 KB

1 Answers

Steve

More than a month ago #Permalink
Ha! Getting good at this now. lol

Here is what I did:

1) Opened up the tmpl file (Default.php) and switched the location of the Date and Title Divs.
2) Added these to the Module Custom CSS:


.qfl-article-list-pro .articles .row .date {
font-size: 10px;
color: #505050;
margin: 0px 0px 0px 0px;
}
.qfl-article-list-pro .articles .row .title {
margin: -28px 0px 0px 65px;
vertical-align: top;
}


That's it. Just wanted to post this so anyone else having the same issue knows how to go about it.

Thanks,
Steve

Attachments (1)

  • DateAlignment.03.jpg
    DateAlignment.03.jpg 224.1 KB


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 125
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 120
Toufiq

Toufiq

Total Accepted Answers: 62
Pavel

Pavel

Total Accepted Answers: 5
W

woonydanny

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us