We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Online : 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,

Attachments (2)

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

1 Answers


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.


Attachments (1)

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

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


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