How to Modify Event Cost Text

[persyst]

How can I modify the “Leave blank to hide the field. Enter a 0 for events that are free” text to make it larger and change the font color?

[Barry]

Hi – great question!

Are you comfortable setting up custom CSS rules and stylesheets? If so, you could try adding the following rules:

#event_cost .tribe-community-event-info td small { 
    color: pink;
    font-size: 50px 
}

If you are unfamiliar with this process then please take a look at our Themer’s Guide: it explains the basics of setting up custom stylesheets like tribe-events/tribe-events.css within your theme 🙂

I hope that helps!

[persyst]

Can you please tell me which file I’m supposed to add this to?

[Barry]

Hi! You could try adding a tribe-events/tribe-events.css file to your theme and placing the code in there – there’s a full description of setting this up in our Themer’s Guide 🙂

tri.be/support/documentation/events-calendar-themers-guide/#customizingstyles

Does that help?

[persyst]

That worked! Thanks!

[Barry]

Awesome, glad it helped 🙂

I’ll go ahead and close the thread at this point – but if we can assist with anything else please don’t hesitate to create new threads as needed and one of the team will be only too happy to help.

Also, if you have a moment to spare, we’d love to hear your thoughts on The Events Calendar across on our plugin review page – thanks again!

[Author]

Posts