Calendar: How to modify <ul> indent of events

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
Andrew Prior
Forum Members
Forum Members
Posts: 248
Joined: Sun Oct 28, 2007 4:14 am

Calendar: How to modify <ul> indent of events

Post 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
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

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

Post by Dr.CSS »

If you are modifying an existing template the CSS may have a call for #main ul {}...
Andrew Prior
Forum Members
Forum Members
Posts: 248
Joined: Sun Oct 28, 2007 4:14 am

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

Post 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.
faglork

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

Post 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
Post Reply

Return to “Layout and Design (CSS & HTML)”