Changing the appearance of the Calendar

  • Resolved Dragget

    (@dragget)


    12 years, 2 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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • ragzor

    (@raghav9999)

    12 years, 2 months ago

    there is no css for calender…

    Thread Starter Dragget

    (@dragget)

    12 years, 2 months ago

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

    ragzor

    (@raghav9999)

    12 years, 2 months ago

    u need to edit the css for ur calender..

    Thread Starter Dragget

    (@dragget)

    12 years, 2 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?

    Thread Starter Dragget

    (@dragget)

    12 years, 2 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…

    Pioneer Web Design

    (@swansonphotos)

    12 years, 2 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.

    Thread Starter Dragget

    (@dragget)

    12 years, 2 months ago

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing the appearance of the Calendar’ is closed to new replies.

Tags