1
DaytonXA
Changing the format in Agenda-X?
  • 2005/2/10 20:21

  • DaytonXA

  • Just popping in

  • Posts: 10

  • Since: 2005/2/10


How can I change the size of font for the events in my calendar?

Also, can I tell which event shows up above the other, or am I limited to whichever I enter first?

Check it out and you'll see...
DaytonXA.org Calendar

Thanks whoever...

2
DaytonXA
Re: Changing the format in Agenda-X?
  • 2005/2/11 16:15

  • DaytonXA

  • Just popping in

  • Posts: 10

  • Since: 2005/2/10


anyone have any ideas?
Thanks.

3
tripmon
Re: Changing the format in Agenda-X?
  • 2005/2/11 17:59

  • tripmon

  • Module Developer

  • Posts: 462

  • Since: 2004/2/28


ok... ears up.

!st, get rid of that javascript crap if you were trying to use it to style your text in the cal. Then absorb this...

Whenever you see either "CLASS" or "STYLE", that means CSS is being used to style the object.

EG. (from your cal.)
<li class=inCal><a href="http://www.daytonxa.org/modules/agendax/?op=view&id=16">Something Fun</a></a></li>

Right?.... right...!
------------------------------------------
One of the linked css style sheets (3 are being called on your page:) contains a definition for the style .inCal


<link rel="stylesheet" type="text/css" media="all" href="http://www.daytonxa.org/xoops.css" />

<link rel="stylesheet" type="text/css" media="all" href="http://www.daytonxa.org/themes/7dana-round/styleNN.css" />

<link rel="stylesheet" type="text/css" media="all" href="http://www.daytonxa.org/modules/agendax/templates/style.css" />

In this case it is the last sheet (the other 2 don't define .inCal anywhere)
---------------------------------------------

SO, to change an item/object's CSS properties:

1: Find out what class or style it is using.
2: Find out which style sheet is defining the class/style
3: Edit the stylesheet and change the specific style to your pref's.
4: Save the edited stylesheet.

The changes will be instant, you do not need to update any modules or anything in order to see CSS changes.

Hope that helps.

4
DaytonXA
Re: Changing the format in Agenda-X?
  • 2005/2/13 1:03

  • DaytonXA

  • Just popping in

  • Posts: 10

  • Since: 2005/2/10


Ok. I'm not sure how to get rid of the javascript, but I did go into the style.css in the agenda-x module. Nothing in there decides the font for the activities in the full month calendar view. I also looked into the 7dana round area and only found one option that would affect way more than just the calendar and I didn't bother changing it.

Because of your knowledge and my lack of it, I hope you aren't annoyed, but view this as a challenge.

How do I get rid of javascript and how much of my site will that affect?

5
tripmon
Re: Changing the format in Agenda-X?
  • 2005/2/14 21:37

  • tripmon

  • Module Developer

  • Posts: 462

  • Since: 2004/2/28


Hey again...

The Javascript is in your theme. Don't worry about it, I just didn't know if you were trying to style the inCal text with it..

I looked and you were right.... the Agenda X author styled all of the elements, but did not define them (this way they inherit the default theme settings)

All you need to do is define the class:

Openhttp://www.daytonxa.org/modules/agendax/templates/style.css
in an editor.

Paste in the following on the bottom of the file.
Quote:

.inCal {
font-size: 9px;
}


change values in CSS definition above to match your requirements.
The code above will leave everything the same, but make the items in the calendar blocks smaller...

6
DaytonXA
Re: Changing the format in Agenda-X?
  • 2005/2/15 21:21

  • DaytonXA

  • Just popping in

  • Posts: 10

  • Since: 2005/2/10


Thank you so much. It looks great, now if I could only make them get arranged according to when they are happening in that day, I'd be set.

Anyone know?

Login

Who's Online

110 user(s) are online (74 user(s) are browsing Support Forums)


Members: 0


Guests: 110


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits