Skip to content

CSS: change the look and feel of any element on the page

23-Jan-11

Almost everything generated by Events Made Easy can be changed in layout using stylesheets (CSS).
If you don’t want to change any files of your theme, and your theme doesn’t provide an interface to change CSS rules, you can create a file called ‘eme.css’ in your theme CSS directory and put in there e.g.:


.eme-location-map {
width: 600px;
height: 400px;
}
.eme-location-balloon {
        color: #FF7146;
}
.eventful {
        background: FF7146;
}

(just an example that changes the location map width and height, the text color of the location balloon inside the map, and the background colour in the calendar for days that have events).
You can start from events_manager.css as a base and just change the parts you want.

Also: create a file called ‘eme_print.css’ in your theme CSS directory to change the layout of the “Print Preview” booking result.

CSS is something you should learn to master, using a CSS-debugger like Firebug also helps (in firefox). Learn CSS here . Before asking support on CSS, please do try it yourself and/or ask the theme maker for hints, they are the CSS experts and know best how their theme is working and can provide hints on how to change things.