The Joomla! Forum ™



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.



Post new topic Reply to topic  [ 9 posts ] 
Author Message
 Post subject: JEvents Calendar size
PostPosted: Wed Mar 21, 2007 7:05 pm 
Joomla! Intern
Joomla! Intern

Joined: Sun Mar 11, 2007 2:27 am
Posts: 74
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.

Top
 Profile  
 
PostPosted: Wed Mar 21, 2007 11:31 pm 
User avatar
Joomla! Ace
Joomla! Ace

Joined: Thu Aug 18, 2005 2:54 pm
Posts: 1169
Location: Richmond, VA
Jevents has its own css file, which you will need to edit to fit to your template. Nice look for your site, BTW.

_________________
http://www.bcswebsiteservices.com
Please don't forget those less fortunate, donate to your local food bank! Donating the time that I may have saved you on this issue will make all the difference to someone in need.


Top
 Profile  
 
PostPosted: Thu Mar 22, 2007 12:38 am 
Joomla! Intern
Joomla! Intern

Joined: Sun Mar 11, 2007 2:27 am
Posts: 74
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.


Top
 Profile  
 
PostPosted: Thu Mar 22, 2007 1:26 am 
User avatar
Joomla! Ace
Joomla! Ace

Joined: Thu Aug 18, 2005 2:54 pm
Posts: 1169
Location: Richmond, VA
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.

_________________
http://www.bcswebsiteservices.com
Please don't forget those less fortunate, donate to your local food bank! Donating the time that I may have saved you on this issue will make all the difference to someone in need.


Top
 Profile  
 
PostPosted: Thu Mar 22, 2007 1:47 am 
Joomla! Intern
Joomla! Intern

Joined: Sun Mar 11, 2007 2:27 am
Posts: 74
You said to use "this extension" but didn't actually give me a name. Which one were you referring to?


Top
 Profile  
 
PostPosted: Thu Mar 22, 2007 11:18 am 
User avatar
Joomla! Ace
Joomla! Ace

Joined: Thu Aug 18, 2005 2:54 pm
Posts: 1169
Location: Richmond, VA
The "Web Developer" extension.

_________________
http://www.bcswebsiteservices.com
Please don't forget those less fortunate, donate to your local food bank! Donating the time that I may have saved you on this issue will make all the difference to someone in need.


Top
 Profile  
 
PostPosted: Thu Mar 22, 2007 6:38 pm 
Joomla! Intern
Joomla! Intern

Joined: Sun Mar 11, 2007 2:27 am
Posts: 74
Sorry about that. I guess I read through it too quickly. Thanks for your help! :D


Top
 Profile  
 
PostPosted: Sat Mar 24, 2007 4:26 pm 
Joomla! Intern
Joomla! Intern

Joined: Sun Mar 11, 2007 2:27 am
Posts: 74
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:
/*********************
* 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?


Top
 Profile  
 
PostPosted: Sun Mar 25, 2007 2:29 pm 
User avatar
Joomla! Ace
Joomla! Ace

Joined: Thu Aug 18, 2005 2:54 pm
Posts: 1169
Location: Richmond, VA
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.

_________________
http://www.bcswebsiteservices.com
Please don't forget those less fortunate, donate to your local food bank! Donating the time that I may have saved you on this issue will make all the difference to someone in need.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 9 posts ] 



Who is online

Users browsing this forum: No registered users and 16 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group