[Tommy Chamings]

Hey Hunter,

I’ve updated to 4.3.3 but I’m afraid the issue is still present. I’m using site wide https.

[Tommy Chamings]

Hey Hunter,

Thanks for taking the time to respond.

I’m using Avada Theme. CSS for my main events page is picked up from styles.css as you’d expect.

I’ve run a few tests using Theme Options on my dashboard, e.g. I can specify Primary Color (currently using Orange #f26522) and this will change things like the tool tip head, month view calendar header, active day colour etc. I’ve checked and if I make changes here, the main events page is updated, but not the [tribe_events] shortcode calendar.

Reference main events page http://www.bigrockclimbing.com/sessions
The day headers currently have an orange bar. Here’s the CSS after inspecting the element:
tribe-events-calendar thead th {
font-size: 15px;
font-weight: normal;
border-bottom: 1px solid #000000;
}

Reference [tribe_events] page http://www.bigrockclimbing.com/home-old
The day headers currently have a grey bar. Here’s the CSS after inspecting the element:
tribe-events-calendar thead th {
background-color: #666;
color: #fff;
font-weight: 700;
padding: 1em 0;
white-space: nowrap;
border-left: 1px solid #666;
border-right: 1px solid #666;

I tried adding this to styles.css and it changed the CSS for main events and for the shortcode.

.tribe-events-calendar thead th {
background-color: #ff0000 !important;
}

However I’m still left with my original problem: the [tribe_events] shortcode is not reading styles.css in the same way that the main events page is. Yes, I could manually input CSS in styles.css to match the main events page calendar to the shortcode calendar, but the underlying problem still exists.

[Tommy Chamings]

content.php!

But I forgot that I added the amendment within a child theme.
All issues now resolved. Have a great day Geoff and thanks again for the excellent support!

Tommy

[Tommy Chamings]

Thanks Geoff!

I’m now super happy with the look of my calendar and I’ll purchase for our other climbing centre too shortly. I really appreciate your assistance and I just have one final question…

I added this text “Advance booking is required for all sessions. Not sure which session to book? Give us a call on 01908 583 128 and we’ll help you out!” to the Calendar month view page. I need to amend this text but I cannot remember which file I wrote the text into and it’s driving me nuts trawling through all the files via ftp. I can’t find it anywhere! Any pointers…?

Tommy

[Tommy Chamings]

Hi Geoff,

I just resolved the mobile padding issue with the following CSS. padding top was set to 55px by default

.tribe-mobile #main {
padding-top: 0px;
padding-bottom: 0px;
}

However, some help with the ‘All Events’ link would be appreciated.

Thanks!
Tommy

[Tommy Chamings]

Hi Geoff,

Your reply was really helpful and I’ve applied the CSS.

However, I still have an issue with padding in mobile view – there are really large margins at the top and bottom of the page. I tried adjusting the padding using #main { and this works for desktop view, but does not work for mobile view. Any suggestions on how I can reduce these large blocks of white space at the top and bottom of the calendar page in mobile view?

And finally, how do I get the ‘All Events’ link that you have in your demo for single event pages?
http://wpshindig.com/event/coffee-code-2/2016-01-31/

Thanks!
Tommy

[Tommy Chamings]

Perfect fix! Thanks Josh!

[Author]

Posts