Wordpress Themes - WP Forum at BFA - Problem with Upcoming Events Widget in Kieran O'Shea's Calendar

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Plugins & Atahualpa (http://forum.bytesforall.com/forumdisplay.php?f=16)

- - Problem with Upcoming Events Widget in Kieran O'Shea's Calendar (http://forum.bytesforall.com/showthread.php?t=5235)

Problem with Upcoming Events Widget in Kieran O'Shea's Calendar

Hello,
First off,
I'm using Atahualpa 3.4.4, WP 2.9.1 and Kieran O'Shea's Calendar (http://www.kieranoshea.com/projects/calendar/)
My sample page is http://www.mansruinrollerderby.com/wordpresstest/.

I am attempting to change the font color for the Upcoming Events Widget for this Calendar. If you notice in my sample, my background color and font text for the Upcoming Events page is black. The widget's title is black, along with the event date and time, but not the event itself. I've gone through the CSS and cannot find this for the life of me. Can anyone help me out!!!

Mik

If you figure out how to change the font color in the Upcoming Events widget, please do let me know. This issue has been giving me some trouble for quite some time and I haven't been able to find the answer yet :(

did you search the forums for "Kieran O'Shea"? There was a thread about doing some stling sometime ago that may help.

Hey Mik,

This was driving me crazy for weeks until I finally figured it out this morning. Don't know if you've found a solution yet, but here goes, for you and anyone else who stumbles on this. (It seems a number of people have had issues modifying the font in this widget.)

If you're using the Atahualpa theme, you have to modify the CSS in the theme's files, not the widget (which was my mistake). On your dashboard, go to Atahualpa Theme Options < Various Content Items < Add HTML/CSS inserts. At the very bottom is an option called "CSS inserts". To change the color of the date in the widget, you have to see what's going on under the hood. So, with the Upcoming Events widget activated in a sidebar, highlight the widget, right-click and "View selection source". You'll see that the date of an event is bracketed by ul and li tags and the div id is "upcoming-events".

So in CSS insert, add this:

HTML Code:

#upcoming-events ul li {

color: #ffffff;

font-weight: bold;

}

Or whatever other colors or styles or sizes you want to make the font.

For the header or titles within the widget, you can easily modify that by going to Sidebars & Widgets < Style widgets < Widget List Items. From there you can easily change the color and whatnot. Hope this helps!