We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!

Styling ListIndexer to put the date on a new line

- ☆ A M B ☆
- 3,141 Posts
Mark Hamstra Reply #1, 18 years ago
Hello,

I use the ListIndexer snippet to create a list which shows the last added posts/blogs/documents in News (id 1) and Media (id 3). I use the short version for use in a sidebar.

What I want to do is putting the date on a new line. (I don’t use a description)

This is my ListIndexer call in my template:
```
<div id="left">
		<h1 class="recent"></h1>
                [!ListIndexer?LIn_root=`1,3` &LIn_seeShowInMenu=`1` &LIn_sDesc=`0`!]
...
</div>
```
My CSS for the list indexer (will start on the rest of the styling when I get it to enter )
```
ul.LIn_shortMode {
		list-style-type:none;
		color: #fff;
		padding-left: 5px;
	}
ul.LIn_shortMode a:link {
		color: #fff;
	}
ul.LIn_shortMode a:visited {
		color: #fff;
	}
ul.LIn_shortMode a:active {
		color: #fff;
	}
span.LIn_date {
	}
```
Any ideas on how to do this?
Mark Hamstra • Developer spending his days working on Premium Extras and a MODX Site Dashboard with the ability to remotely upgrade MODX and extras to make the MODX world a little better.

Tweet me @mark_hamstra, check my infrequent blog at markhamstra.com, my slightly more frequent ramblings at MODX.today or see code at Github.

6 Posts

Stiivi Reply #2, 17 years, 11 months ago

Try:

.LIn_date{
	display: block;
}
.LIn_desc{
	display: block;
}