Support

Home Forums Event Espresso Premium Step By Step Process for changing Font Colour and Type on Event Calendar

Step By Step Process for changing Font Colour and Type on Event Calendar

Posted: October 3, 2013 at 1:22 pm


TERESA SHAVER

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
http://bacd.ca/eventcalendar/


Dean

October 4, 2013 at 6:31 am

Hi,

Something in the theme is modifying the link font colour.

This css rule can be added to over rule it:

.fc-event-inner {
color: #000;
}

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).


TERESA SHAVER

October 4, 2013 at 7:35 am

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?
Click on an event and see what I mean http://bacd.ca/eventcalendar/


Dean

October 7, 2013 at 12:23 am

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.


TERESA SHAVER

October 7, 2013 at 8:38 am

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
http://bacd.ca/event-registration/?regevent_action=register&event_id=30

Could you help me with that? Alternatively do you have a document that shows you step by step how to make these changes?


Dean

October 7, 2013 at 8:47 am

Hi,

Can you be a bit more specific please, which bit is causing the issue?


TERESA SHAVER

October 7, 2013 at 8:50 am

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!


Dean

October 7, 2013 at 8:59 am

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/


TERESA SHAVER

October 7, 2013 at 9:03 am

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/


Dean

October 8, 2013 at 12:09 am

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. 🙂


TERESA SHAVER

October 8, 2013 at 7:00 am

I will thanks! We are using the start theme. NOt sure I have changed the calendar settings? Version 2.0.6.2


Josh

  • Support Staff

October 8, 2013 at 10:41 am

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.

Event Espresso