WordPress.org

1. Dragget
   Member
   Posted 3 months ago #

   I am helping my father with a website he's created... I've never done anything quite like this before so I'm learning a LOT. :) I have managed to get things mostly set up the way he likes but I recently added the calendar widget to the side and it's not displaying the way we'd like. Currently the days of the month are too close together, so the 2-digit days display like this:
   21222324252627
   I'd rather have more space between them like this:
   21 22 23 24 25 26 27
   So it doesn't look so bunched up.
   I'd also like the calendar to be more centered in it's frame on the sidebar. As it currently appears all scrunched up in the left half of it's frame on the sidebar.
   I did a search of the forums, but didn't find any information that gave me any clues on this particular issue. Any pointers would be appreciated, or if I missed something, a link to a thread/article that covers this issue.

2. ragzor
   Member
   Posted 3 months ago #

   there is no css for calender...

3. Dragget
   Member
   Posted 3 months ago #

   Removed that tag then... Is there another way to make this display the way I want?

4. ragzor
   Member
   Posted 3 months ago #

   u need to edit the css for ur calender..

5. Dragget
   Member
   Posted 3 months ago #

   wait... now I'm confused. You said there is no css file for the calendar, but you also said I need to edit it. Do I need to create one? If so what do I put in it?

6. Dragget
   Member
   Posted 3 months ago #

   Well I have looked at all the CSS files on my site and can't find one that is specific to the calendar widget, so I'm at a loss as to how to customize it. Would it be easier to just get a calendar plugin and use that? I did a search of the various widgets with "calendar" keyword, but the vast majority seem to be for online scheduling rather than a "browse archive" type of calendar. Or is it possible to just create a calendar.css file myself and have the site use that? Any pointers would be much appreciated...

7. SwansonPhotos
   Member
   Posted 3 months ago #

   What ragzor is trying to allude you to is that there is no specific CSS associated with the elements of the calendar in your stylesheet... creating styles for the calendar and applying them will yield the results you desire.

   As an example, add this to your stylesheet:
   

   .wp-calendar {
        font-size:150%;
        width:99%;
   }

   You will want to add more for the child elements of the calendar or copy and apply the defaults from the default theme.

8. Dragget
   Member
   Posted 3 months ago #

   Found this and that gave me what I needed. Calendar now looks much better. Thanks for the pointers.

Reply

You must log in to post.