CSS STYLING FOR PRO

[Whitney Mitchell]

Please see attached screenshots.

SCREENSHOT “LIST”

1. On Events List view, why is the area behind “June 2018” white? How do I make this the same color as the rest of the calendar background?

2. How can I make “June 2018” (all month headers) all CAPS?

3. Why is there an empty box to the right of the event dates? How can I remove this?

4. How can I remove the excerpt under “STEAMBOAT SPRINGS, CO” and just have a button that says “DETAILS”?

5. How can I change the link “Find Out More” to a button called “DETAILS?”

——-

SCREENSHOT “SINGLE EVENT”

1. How can I remove the site Header and Footer from all Single Event pages?

2. How do I change the text on the “ICAL EXPORT” button to say “SET REMINDER”

3. How do I remove Google Calendar button, or have it appear AFRER the Ical Export button?

[Whitney Mitchell]

5. I was able to style the “Find Out More” link as a button, but have been unable to change the text to say “DETAILS.” Please advise.

Also, attempting to change the “Export Calendar” button to match the “Find Out More” button. Used the CSS below and it did not work. Please advise:

.tribe-events-button {
background-color: #8a1b12;
color: #ffffff;
padding: 10px 20px 10px 20px;
}

.tribe-events-button:hover {
background-color: #8a1b12;
color: #ffffff;
padding: 10px 20px 10px 20px;
}

[Whitney Mitchell]

ENTRIES PAGE

1. How can I remove the address and only show the Location Name in the box?

2. I added “Additional Fields” boxes but they are not showing up anywhere…

See screenshots…

SINGLE EVENT PAGE

1. The Location does not show on the Single Event page
2. None of my Additional Fields show up
3. I need a button to “Add to Calendar”

[Jennifer]

Hi Whitney,

Thanks for reaching out! First, please note that customizations like this are outside the scope of support that we are able to provide here in the forums. As a starting point here, I would recommend adjusting the “Default stylesheet used for events templates” and “Events template” settings under Events > Settings > Display. These affect how much events pages inherit their styling from the theme and might resolve some of these issues.

To remove/change content, you can do a template override. Our themer’s guide has instructions on this, and for changing text, you might find this article helpful.

Regarding the additional fields, these only show up on the single events page by default, provided that the event does have content saved for those fields (otherwise the fields will not show at all). If an event does have content saved for the fields but isn’t showing them on the single event page, then the first troubleshooting step would be to test for any conflicts that might be occurring with your theme or other plugins. Make sure to have WP_DEBUG enabled while testing and copy/paste any errors that you see here.

Another thing to note is that the Avada theme includes its own styling for our plugins, which overrides our default styles and templates. This article might be helpful as well, particularly with the styling changes.

In order to keep things organized and make sure that we are helping all users in a timely manner, we are only able to address one issue per thread. If you need further help with any of the customizations, but please keep in mind that we are pretty limited in the amount of support that we can provide for these. However, we will try to point you in the right direction if we can. Please let me know how it goes with the additional fields!

Thanks,

Jennifer

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts