Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

lightbulb-o To display the image of the first article only

More
12 years 7 months ago #289 by suganyadrupal
To display the image of the first article only was created by suganyadrupal
Hi,
I am very new to Joomla. I have installed your module. Its very easily to configure. Thanks a lot for this module.

My requirement: The section should display the latest news .The first article in the section should be displayed along with the image and description. Just the tittle should be display for the remaining article in the section.

What should i do to get my requirement done?
The following user(s) said Thank You: admin

Please Log in or Create an account to join the conversation.

More
12 years 7 months ago - 12 years 7 months ago #290 by admin
Replied by admin on topic Re: To display the image of the first article only
Hello!
you can achieve this with CSS only and the :first-child pseudo element.
.newslist .newshead {
    display: none;
}
.newslist .newshead:first-child {
    display: block;
}
.newslist .newsinfo {
    margin-left: 0 !important;
}
.newslist .newsinfo:first-child {
    margin-left: [the size of your image]px !important;

Keep doing the same for other components like the description...
Olivier.
Last edit: 12 years 7 months ago by admin.

Please Log in or Create an account to join the conversation.