Support Forums

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

Your Time: Our Time:

Soccer: Joomla article addon on the frontpage - 'order by issue'

Featured Lock Resolved Issue
On the frontpage of the soccer template there is a 'Joomla Article' addon, that can be changed with SP Builder. You can change the layout/theme and the order in the settings.

I'm using theme 'Highlights' and order by 'Hits' (see screenshot).

With this settings i have the theme/layout that i want.... http://www.kvosupporter.be (like this).

But i want to order by 'Latest'. When i change this setting, the layout changes to, even when i didn't change layout/theme settings. The pictures are smaller. (see screenshot 3)

How can i use the layout that i have (screenshot 2) and use order by 'Latest'?

Attachments (3)

  • configuration.jpg
    configuration.jpg 17.9 KB
  • layout1.jpg
    layout1.jpg 128.6 KB
  • layout2.jpg
    layout2.jpg 127.4 KB

6 Answers

Sifat - Staff

More than a month ago #Permalink
Please use this css into your custom css and that'll solve the last item issue.

.sppb-addon-latest-posts.orderby-latest.layout_one .sub-item:last-child {
margin-bottom: 30px !important;
}

And sorry this won't work with the order by feature

-Thanks

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css and that will work for the latest post view.

.latest-post-inner.match-height {
height: 260px !important;
}
.sppb-addon-latest-posts.orderby-latest.layout_one .sub-item .background-img {
height: 260px;
width: 100%;
position: relative;
}


Here is the custom css field https://prnt.sc/ijudw8

-Best Regards

Kenneth Clement

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css and that will work for the latest post view.

.latest-post-inner.match-height {
height: 260px !important;
}
.sppb-addon-latest-posts.orderby-latest.layout_one .sub-item .background-img {
height: 260px;
width: 100%;
position: relative;
}


Here is the custom css field https://prnt.sc/ijudw8

-Best Regards


Thanks for your quick and correct answer, works fine with your solution. Just 1 little issue: the title and date on the last 'article item' is not good (too much down, see screenshot). I must say, this little issue has nothing to do with your CSS code, it was already there before (when using 'order by latest'). Maybe you know what is the cause?

Is it also possible to use 'order by Featured' with this layout? Did try to replace 'latest' to 'featured' in custom CSS but that didn't do it ;) Thanks!

Attachments (1)

  • titleissue.png
    titleissue.png 495.9 KB

Kenneth Clement

More than a month ago #Permalink
Please use this css into your custom css and that'll solve the last item issue.

.sppb-addon-latest-posts.orderby-latest.layout_one .sub-item:last-child {
margin-bottom: 30px !important;
}

And sorry this won't work with the order by feature

-Thanks


Thanks! Issue solved ;)

Sifat - Staff

More than a month ago #Permalink
You are always welcome.


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 112
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 96
Toufiq

Toufiq

Total Accepted Answers: 89
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2

115

Templates

295767

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