How to resize the font

[Annarosa]

Ciao. I have read several posts on this topic, but unfortunately I was not able to identify the right css file in the plugin directory. I would like to reduce the size of the font in the events section (and change color) in all three styles (Reduced, Complete and Tribe Events), and change the fonts size of the calendar and the widget. Could you please tell me what are the css file that I have to go change? I’m not very experienced, but usually i can change these basic elements, font size and color. As long as I am able to find them; ) thanks

[Casey]

annarosa,
Thanks for getting in touch! Unfortunately, we can’t help you with such a general request for customization, but you should be able to determine what style to override by first inspecting them in your browser. In Chrome, you can use the developer tools to inspect the styles by right-clicking and selecting ‘Inspect Element.’ Then you should be able to use the same selectors in your CSS to override the styles as you wish.

Give that a try and see if gets you started in the right direction. Thanks! 🙂

-Casey-

[Annarosa]

Thanks Casey. I was able to change at least in part the size of the font, through the css style of the theme.
I would, however, another necessity: I would like to delete the Google calendar and Ical buttons from all pages (calendar, news single event list etc.).
I tried to do it by removing parts of code from various css plugin files but was unable to remove them, and then a job too long, because it should be done every time an update comes out of the plugin.
Could you tell me what is the string to be deleted?
I already entered the code indicated on this page https://theeventscalendar.com/support/documentation/removing-the-ical-import-link/
in the file of the child theme functions, but the only action button disappeared from the calendar, not from a single page. Thank you very much

[Casey]

Annarosa,
You should be able to do that by adding some CSS overrides, using the following steps:

• Create a ‘tribe-events’ directory in your theme
• Create a file named ‘tribe-events.css’ in the newly created ‘tribe-events’ directory

Then you can add the following CSS to ‘tribe-events.css’:


#tribe-events .tribe-events-ical, #tribe-events .tribe-events-gcal {display:none;}


That should do the trick! Give it a shot and let me know if you have further questions. Thanks! 🙂

-Casey-

[Annarosa]

Thank you, I finally managed to remove them, you’ve been very kind. I’m trying to customize some things, I might need your help:)
good work

[Casey]

Annarosa,
Glad I was able to help out! When it comes to customization, while we’re happy to help point users in the right direction towards accomplishing a desired customization, we definitely don’t have the support resources to help with large customizations or changes. So, keep that in mind as you’re posting questions on the forum. 🙂

Can I assume that your issue is all resolved here? If so, I’ll go ahead and mark this thread as answered and close it out. Thanks again!

-Casey-

[Annarosa]

Thanks, it’s resolved

[Casey]

Thanks for confirming that this got you sorted. Since it looks like you’re all set, I’m going to mark this thread “Answered” and close it out.

By the way, if you have a minute or two, we would love it if you’d write a few words for us here: http://wordpress.org/support/view/plugin-reviews/the-events-calendar?filter=5

Thanks in advance. 🙂

Cheers,
Casey

[Author]

Posts