Page 1 of 1

Calendar: How to modify <ul> indent of events

Posted: Tue Nov 20, 2007 1:21 am
by Andrew Prior
I've been playing with the calendar (using the Calendar CSS Example stylesheet and the table_id="big" I can see that the indent of the events, after the actual date is caused by the and tags.  I cannot work out where, or if, I can decrease that indent. It should be in a stylesheet, but I cannot change it.

I need a fairly specific direction here! Like where in the stylesheet...

Thanks

Andrew

Re: Calendar: How to modify <ul> indent of events

Posted: Tue Nov 20, 2007 9:05 am
by Dr.CSS
If you are modifying an existing template the CSS may have a call for #main ul {}...

Re: Calendar: How to modify <ul> indent of events

Posted: Wed Nov 21, 2007 12:55 am
by Andrew Prior
Ta... my idea too, but I can't find anywhere that has an effect. So I guess something else is over-riding it.

Re: Calendar: How to modify <ul> indent of events

Posted: Thu Nov 22, 2007 9:27 pm
by faglork
Hi,

the CSS for UL in your *Layout Template* overrides it. You find it in the *Lists* section. But you can leave it as it is, because in your calendar css, you just have to use a more specific selector:

Code: Select all

div#main table#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;

}
Thats it ...

hth,
Alex