Changing the colors in Latest Event module & Slideshow

Hi,
Can you please help me, where can I orverride the default colors in the "Latest Events" module? I've change the background color, and while the event's text color is black, the squares around the dates are light gray, and I should change them to black too.
Also please tell me if its possible to:
- change the background color to a semi transparent - not to block the background picture fully.
- where can I change the text colors for this module?
- Can I use an image as a background, or only color background is allowed?

And finally, can I set the font color on the slideshow individually for each pictures? There are day & night photos, where a lighter background doesn't good for white text, etc.
Sorry for the bunch of questions.
Thanks,

Could you please post an url to your site?

sure, its www.chimneycakestation.com.au (I switched it online now for a while)

1. Modifying borders around date element:
Please edit: /templates/gk_university/css/override.css and add at its end:

Code: Select all

.gkNspPM-EventsList time {
border: 1px solid #000000;
}


2. Getting semi transparent colour of the element:

Code: Select all

#gkHeaderLeft {
background: #f4dfc4;
background: rgba(244, 212, 196, 0.5);
}


Remember to enable "CSS override" in template settings - advanced section.

3. where can I change the text colors for this module?
Please create a screenshot and mark elements that you would like to modify
4. Can I use an image as a background, or only color background is allowed?
backgorund image will not be opaque (it can be if you will use png with transparency).
You can create such image and then use:

Code: Select all

#gkHeaderLeft {
background: #f4dfc4 url('../images/yourcustomeimage.jpg') 0 0 no-repeat;
}


Above code assumes that you will put file: yourcustomeimage.jpg into:
/templates/gk_university/images/