http://www.kriesi.at/support/topic/calendar-css Support Forum - Topic: Calendar CSS en-US Sat, 25 May 2013 01:10:56 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/calendar-css#post-103093 Tue, 26 Mar 2013 06:48:05 +0000 Dude 103093@http://www.kriesi.at/support/ <p>Hi! </p> <p> Glad that you found the solution :) </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/calendar-css#post-102991 Mon, 25 Mar 2013 18:59:29 +0000 cavanaughb 102991@http://www.kriesi.at/support/ <p>Hi,</p> <p>After some more testing, I believe I found the solution. If anyone else is interested, here is the code I used:</p> <pre><code>#top .tribe-events-calendar .tribe-events-present .tribe-events-event{ background-color:#999999; border-color:#999999; }</code></pre> http://www.kriesi.at/support/topic/calendar-css#post-102963 Mon, 25 Mar 2013 16:36:13 +0000 cavanaughb 102963@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Is there a way to change the background color of the current day? I think the code examples above are the same for the days of the week, etc.</p> <p>Thank you! </p> http://www.kriesi.at/support/topic/calendar-css#post-96505 Wed, 13 Feb 2013 13:23:37 +0000 Devin 96505@http://www.kriesi.at/support/ <p>Hi cavanaughb,</p> <p>You can use Chrome's inspect element tool to pick out the css selectors for the items you want to modify and add that css to the quick css or custom.css file. The same can be done with Firebug for Firefox ex: <a href="http://www.kriesi.at/support/topic/fyi-firebug-tutorial-for-wordpress-users" rel="nofollow">http://www.kriesi.at/support/topic/fyi-firebug-tutorial-for-wordpress-users</a></p> <p>For example, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:</p> <pre><code>#top .tribe-events-calendar th { background-color: #F00; border: 1px solid #F00; color: #fff; }</code></pre> <p>This will change the days of the week background color, border and text color.</p> <p>The following will change the current day highlight color:<br /> <pre><code>#top .tribe-events-calendar th { background-color: #F00; border: 1px solid #F00; color: #fff; }</code></pre> <p>and for the button:<br /> <pre><code>#top .main_color .tribe-events-calendar-buttons a.tribe-events-button-on { background: #F00; color: #fff; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/calendar-css#post-96362 Tue, 12 Feb 2013 14:54:58 +0000 cavanaughb 96362@http://www.kriesi.at/support/ <p>Hi,</p> <p>I am tying to change the default blue color on Incarnation's calendar template. After searching through the css files for the template and the config-events-calendar folders, I'm stuck.</p> <p>Can anyone point me in the right direction? I am trying to change background colors for the Event List &amp; Calendar buttons, the column header backgrounds, and the day header background.</p> <p>Thank you! </p>