|
Shawn Cooper
|
August 10, 2012 at 5:25 am
If a themeroller theme is almost alright – how do you go about altering an element? eg. My background colour on the calendar is red, with the Day of the week text a mid grey which is quite hard to read. On the event detail page the event tile has a red block behind, but the text is white. Im using ‘blitzer’ which generally I like the themes colours, but to be able to tweak it a little would be great. I checked the themeroller website, but couldn’t find anything about how it integrates with EE.
|
|
Josh
|
August 10, 2012 at 5:30 pm
The themeroller CSS can be modified by means of the cascade (that’s the C is CSS).
So for example, if you have a style rule that sets a background color as red like this:
.calendar-header {
background-color: red;
}
you can change that calendar header to green by declaring this for the exact same element later in the same CSS file, or use a plugin like themy custom CSS plugin
calendar-header {
background-color: green;
}
Here are a few references to help you get started on your way:
http://css-tricks.com/video-screencasts/15-introduction-to-firebug/
http://htmldog.com/guides/cssbeginner/
|
|
Shawn Cooper
|
August 13, 2012 at 9:40 am
Josh,
Can I just check that the CSS file I’m after is “wp-content/plugins/espresso-calendar/css/calendar.css”?
If so, I think there may be some more skills needed than I possess, as there don’t seem to be any font colour settings in that file – I’m guessing they are inherited from somewhere else, but I don’t know where. Firebug gives me this as the matching code Mon so I figured if I find and change the styles under this heading I would be sweet – but unfortunately not. Its no big deal if you don’t know what’s going on – just thought I’d ask.
|
|
Josh
|
August 13, 2012 at 6:24 pm
I’m pretty sure calendar.css would not be styling the background color of the calendar red. You could rule out whether it’s from the themeroller by temporarily disabling the themeroller feature. If it’s still red after that, it’s likely coming from the WordPress theme.
|
