Posted: October 3, 2013 at 1:22 pm
|
Hello, I am hoping you can help me with a step by step guide to change the event espresso font/colour/style on my event calendar as it’s too feint for people to read? I would also like to change some of the large print from the ugly green it is. I would appreciate a step by step guide so that I can do it myself? I’d also like the time slots to be smaller than the event title |
|
Hi, Something in the theme is modifying the link font colour. This css rule can be added to over rule it: .fc-event-inner { Add it to either the bottom of your styles.css file in your theme or to a plugin such as My Custom CSS (an easier option). |
|
Thanks so much that worked!. Now how do I change the pop up event menu so that it does not pop up into the top menu where you don’t see the event? Can you give me the code to change that too please? |
|
Hi, Not code is really needed here. The key to it is two fold: firstly make sure the content in the calendar tooltip isn’t too much by using the tag in the event description. Secondly, you can change the position of the tooltips via the Calendar Settings page – Tooltip Postion 1 and Tooltip Position 2 settings. You may need to play around with these settings to get a position you like. |
|
Thanks that was helpful… last one for now. I want to change the automatic <h2> that it inserts into normal text. Don’t like the big ugly green letters Could you help me with that? Alternatively do you have a document that shows you step by step how to make these changes? |
|
Hi, Can you be a bit more specific please, which bit is causing the issue? |
|
if you look at my link – it’s the Registration and http://bacd.ca/event-registration/?regevent_action=register&event_id=55 Its the big green ADDRESS and PERSONAL INFORMATION that I would like to change. I also want the Yellow “Add More attendees” colour changed to a white background Thanks for your help! |
|
OK, Well the H2 (Address) and H4 (Personal Information) are being styled by the theme. It is a slight conflict in that it is styling a class name (.section-title) that we also use. Unfortunately it is also using the !important rule which means you will not be able to over rule it. The only option is to either change the rule in the themes style sheet or amend the template files (the stylesheet will be easier). The rule is on line 218 approx. Regarding the yellow background, that is styled by your choice of themeroller style by using this sort of code ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #000; background: #eee; color:#000; } Once more your theme has decided to use the !important tag on a very broad id ( #content a ) so to change the text link you may need to be more specific in choice of CSS selectors. If you are unsure about modifying the styles, I would advise you to contact a web developer for assistance. We have some recommendations on this page – https://eventespresso.com/developers/event-espresso-pros/ |
|
Another question: My calendar widget is blank on the footer of my page – how do I get a small calendar widget to show up? http://bacd.ca/ |
|
There’s a javascript error, hard to pinpoint currently. What version of the calendar are you using? Have you modified the calendar settings in any way? For future reference, please post questions unrelated to the original question in a new forum thread, it helps us as well as the wider community. 🙂 |
|
I will thanks! We are using the start theme. NOt sure I have changed the calendar settings? Version 2.0.6.2 |
Hi there, It looks you could try setting the “Show weekends” option to “yes” for now. The widget will not display if display weekends is set to no. If you prefer to no have the calendar show the weekends, this issue has been fixed in the calendar beta which can be downloaded from your account page after you opt in to the pre-release channel. If you haven’t opted in to the pre-release channel, there will be a “Opt into pre-release channel box” on your account page you can check. |
|
The support post ‘Step By Step Process for changing Font Colour and Type on Event Calendar’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.