Home › Forums › Calendar Products › Events Calendar PRO › Calendar style to pick up theme style
- This topic has 4 replies, 3 voices, and was last updated 8 years, 10 months ago by Support Droid.
-
AuthorPosts
-
May 9, 2012 at 6:41 am #18916MorenaMember
Ola!
I am a super newbie and my fresh installed plugin does not look quite as good as I need to be.
I am using a Theme Trust wordpress theme and would like the plugin to pick up as much of the styling as possible from this theme.What is the suggested way to make edits to the calendar styling?
For example:
http://s148084.gridserver.com/?post_type=tribe_events&eventDisplay=monthI need the page title to look like the others using the defined h1 tag. Also the text for the events list to use the style defined for in style.css:
http://s148084.gridserver.com/?post_type=tribe_eventsThanks a lot in advance,
MocaMay 9, 2012 at 10:17 am #18932JonahParticipantHi Moca,
You have complete control over the styling by modifying either your theme’s style.css file (adding the necessary selectors to target what you need in the plugin) or you can modify the events.css file located in /wp-content/plugins/the-events-calendar/resources/events.css – if you are going to modify this file, first make a copy and place in an ‘events’ folder in your theme which will protect your changes from future updates.
I hope that helps but let me know if you have any other questions on this.
Cheers,
JonahMay 10, 2012 at 2:28 am #18973MorenaMemberHi Jonah, thank you. I just did not get the duplicated file. I placed a copy of events.css into a newly created folder inside my theme. Now are you saying this is the file I should be editing and the plugin now knows to access that file instead of the other one?
If I want to add an additional div with a specify class around the calendar (in order to add the themes page title), which file should I attempt to do that?
Cheers,
MocaMay 10, 2012 at 9:25 am #18991JonahParticipantHi Morena,
Yes the plugin knows to use that CSS file instead of the stock one included with the plugin.
To add a div around the calendar you could add this in the Settings > The Events Calendar > Template page in the before and after HTML boxes. Does that help?
July 7, 2015 at 6:19 am #976779Support DroidKeymasterThis topic has not been active for quite some time and will now be closed.
If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help. -
AuthorPosts
- The topic ‘Calendar style to pick up theme style’ is closed to new replies.