JEvents Calendar size

General questions relating to Joomla! There are other boards for more specific help on Joomla! features and extensions.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
furio
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Sun Mar 11, 2007 2:27 am

JEvents Calendar size

Postby furio » Wed Mar 21, 2007 7:05 pm

Hey everyone,

I've installed JEvents into my Joomla site which I've built with a custom template using . When I am at the component section with the large calendar, for some reason the calendar does not expand to fit the size of the
I created for the body. You can check it out at:

http://www.africycle1.org/index.php?option=com_events&task=view_month&Itemid=26&year=2007&month=03&day=21
(Please keep in mind I have a lot of work to do on it still  :D)

Anyone have any ideas?
Last edited by furio on Sat Mar 24, 2007 4:26 pm, edited 1 time in total.

User avatar
FrankZoid
Joomla! Ace
Joomla! Ace
Posts: 1195
Joined: Thu Aug 18, 2005 2:54 pm
Location: Richmond, VA
Contact:

Re: JEvents Calendar size

Postby FrankZoid » Wed Mar 21, 2007 11:31 pm

Jevents has its own css file, which you will need to edit to fit to your template. Nice look for your site, BTW.

furio
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Sun Mar 11, 2007 2:27 am

Re: JEvents Calendar size

Postby furio » Thu Mar 22, 2007 12:38 am

Thanks for the nice comment  :D

I actually played around a bit with the CSS earlier but couldn't figure out how to change the width of the calendar. I'm relatively new to this stuff so any help would be much appreciated.

User avatar
FrankZoid
Joomla! Ace
Joomla! Ace
Posts: 1195
Joined: Thu Aug 18, 2005 2:54 pm
Location: Richmond, VA
Contact:

Re: JEvents Calendar size

Postby FrankZoid » Thu Mar 22, 2007 1:26 am

Here's a tip:

1) Download FireFox if you don't already have it. Get it at http://www.getfirefox.com .
2) Search for the Web Developer extension at the FireFox site, and install this extension.
3) View you site in FireFox with the Web Developer extension installed. Use CSS -> Edit CSS to make changes that you can see on screen. The JEvents css classes are well named, and will be in the tab style.css.
4) Once you have your css how you like, copy and paste the code to the matching file (style.css). This files is in the /components/eventcal/ directory (may exist twice from my memory; you will need to replace the right one for changes to take effect.)


Hope this helps.

furio
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Sun Mar 11, 2007 2:27 am

Re: JEvents Calendar size

Postby furio » Thu Mar 22, 2007 1:47 am

You said to use "this extension" but didn't actually give me a name. Which one were you referring to?

User avatar
FrankZoid
Joomla! Ace
Joomla! Ace
Posts: 1195
Joined: Thu Aug 18, 2005 2:54 pm
Location: Richmond, VA
Contact:

Re: JEvents Calendar size

Postby FrankZoid » Thu Mar 22, 2007 11:18 am

The "Web Developer" extension.

furio
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Sun Mar 11, 2007 2:27 am

Re: JEvents Calendar size

Postby furio » Thu Mar 22, 2007 6:38 pm

Sorry about that. I guess I read through it too quickly. Thanks for your help! :D

furio
Joomla! Intern
Joomla! Intern
Posts: 74
Joined: Sun Mar 11, 2007 2:27 am

Re: JEvents Calendar size

Postby furio » Sat Mar 24, 2007 4:26 pm

Ok, so I managed to install the Web Developer extension for Firefox and its been awesome! I fixed my problem with the size of the calendar but am having one problem still. I removed the beige-colored background for where the name of the months are to black. However, I can't seem to change the colors for the text for the days of the week. I have only been able to change the weekends for some reason. Here is my CSS:

Code: Select all

/*********************
* Calendar style
**********************/
.cal_table {
   border: 1px solid #000000;
   width: 600px;
}
.cal_td_daysnames {
    border-bottom: 1px solid #000000;
    height:25px ! important;
    line-height:25px;
    color:black;
    background-color:#000000;
    font-weight:bold;
    font-color: #FFFFFF;
    text-align:center !important;
}
.cal_td_daysnames .sunday{
   color:grey;
}
.cal_td_daysnames .saturday{
        color:grey;
}
.cal_daysnames {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
}


For some reason the text for the days of the week are still black. You can see it at http://www.africycle1.org/index.php?option=com_events&task=view_month&year=2007&month=03&day=24&Itemid=26. Can anyone help me out?

User avatar
FrankZoid
Joomla! Ace
Joomla! Ace
Posts: 1195
Joined: Thu Aug 18, 2005 2:54 pm
Location: Richmond, VA
Contact:

Re: JEvents Calendar size

Postby FrankZoid » Sun Mar 25, 2007 2:29 pm

Use the DOM  Inspector tool to inspect the page. Then use the Find a Node icon (left of the binoculars) and click on a day of the week. That will show you what class is being applied to the days, then you know what to change.


Return to “General Questions - 1.0.x”

Who is online

Users browsing this forum: No registered users and 3 guests