针对FullCalendar事件的CSS样式问题

时间:2014-08-12 16:26:05

标签: css fullcalendar

新手在这里(对不起!) - 已经为我的FullCalendar问题寻找解决方案,而我无处可去。

我正在尝试为我的商业网站制作谷歌日历的样式:http://www.pilatesintuition.co.uk/test/pilates-classes.html

  1. 我有我想要的背景颜色和文字颜色(我更改了css文件),但是,当我点击我的测试网站上的事件时,它会变成全白,没有任何东西可以看到。当我点击它时,我不希望它变白。我查看了css代码,无法看到我需要更改以阻止此操作。

  2. 如果有人将鼠标悬停在活动上,是否有办法通过css应用不同的背景颜色?

  3. 此外,如何将位于日期(2014年8月11日至15日)的文本向上移动到顶部,以便与前进/后退按钮保持一致。

  4. 最后,我希望在周视图中看到活动的所有文字(即我想看到'下午6点'而不是当前' 6p' - 是的我知道我有一个狭窄的日历。但有没有办法让所有文本都适合单元格?我已将此添加到我的CSS中:

  5. .fc-event {height:5em; }

    没有解决显示所有文字的问题。

    我不是程序员或程序员,所以请原谅我的无知,我希望我没有违反任何规则。我刚刚被告知我在本网站上发布的另一篇FullCalendar相关帖子 - 我不知道在FullCalendar的作者如何在本网站上发布支持问题时还有哪些地方可以提出FullCalendar问题。

    先谢谢大家。 乔西

1 个答案:

答案 0 :(得分:0)

1)您正在使用活动选择器。

a:active {
background: none;
}

更改为background:#900或只是删除规则。

2)是,请使用:hover选择器see here

3)快速懒惰修复,margin-top:-3px为我排队。