Layout and Widget Problem

[Ching Hong]

Thank you for your help and your event calendar is so great!

I try to config the calendar layout but I encounter some problems.

1. When I set the calendar to my theme (iFeature pro) default page, all event work fine. However, when I try to go back to all events, the meta event calendar is gone(become a text).

My event is ok.
http://locuslearning.com/event/中英文默寫全攻略－家長講座/

Become text??
http://locuslearning.com/events/

2. Besides, I would like to create a event page, which is list out all my events. Also I would like to add a calendar widget only on this page sidebar. My theme support different layout(can be configured at specific page) However, I cannot find the single event page. My question is, can I set a calendar widget only on a specific page?

Thank you for your help!

Chris Man

[Brian]

Hi,

Thanks for using our plugins. I can help out here.

For the issues with the events showing as text does you theme have archive settings to display excepts or a content limit? If so and those are not set as Full Content then it could create the issue we are seeing.

As our main event views (month, list, map etc..) are all archives in WordPress and do not show up in the Page section. We also do not have shortcodes for those views.

The single event templates and regular templates in WordPress and again those do not show in the page section to change a layout.

Usually to modify any of those templates to a different layout we have our themer’s guide:

https://theeventscalendar.com/knowledgebase/themers-guide/

Another thing to try is changing the Events Template in the settings.

Head to this page:

Events > Settings > Display Tab

Then change this setting:

Events Template to Default Page Template

Beyond that we do have some shortcodes to display our widgets:

https://theeventscalendar.com/knowledgebase/pro-widget-shortcodes/

There is also the Event Rocket Plugin an unofficial plugin maintained by some of our developers that has shortcodes in it that might help:

Event Rocket

Let me know if you have any follow up questions.

Thanks

[Ching Hong]

Thank you for your help.

Yes. my theme have a “excepts” function. When I turn it off. it still cannot display the main event view. And getting worse, my single event only display the title and the table(details), all of my inputed text have gone!!!

Just before seeking help. I have tried to change the template to “events template”, actually the main event view worked properly, however, the single event have been align to left and too wide to display, text is unformatted and my left sidebar have been disable. I’m thinking, is it possible to adjust the width of the single event? Align to centre and also keep my sidebar widget?

Or I keep the “Default Page Template” setting and looking for a solution?

Please advice. Thank you.

Chris

[Ching Hong]

Besides, my excerpt function have a problem since I have upgraded to WP4.3. I doubt that WP4.3 have a problem to support multibyte language such as Chinese or Japanese….

• This reply was modified 10 years, 8 months ago by Ching Hong.

[Brian]

Unforuntaly, I am limited in support theme comptability issues per our terms and services, but can try to help out.

Since it appears the Event Template is the closest we should work on that and get the single event template setup.

Can you follow the themer’s guide linked before to get the single template in your theme and add the coding for the sidebar to it?

Then it might only be some css that I can help with to get everything looking correct.

Let me know.

Thanks

[Ching Hong]

Hi Brain,

Thank you for your help.

I have already copied the single-event template’s files to my theme according to your themer’s guides. And I’m also create a tribe-events.css.

As before, the width is not fit to my theme.

http://locuslearning.com/event/中英文默寫全攻略－家長講座/

So what can I do?

I’m sorry I am not a program developer but I’m really want to fix this problem.

Thank you.

Chris

[Ching Hong]

After trying to custom the tribe-events.css, I found a code from other post.

#tribe-events-pg-template {
max-width: 810px !important;
}

It works…..!!

But where can I add my own sidebar??

[Ching Hong]

Finally, my sidebar work!…I use the code:

<?php
if ( ! tribe_is_event_query() || ( is_singular() && tribe_is_event() ) )
get_sidebar()
?>

And the last two question are..

1. How to move the sidebar from the above to the right?
2. Can I specific a widget(mini calendar) to the sidebar?

I’m very appreciate for your help!

Chris Man

• This reply was modified 10 years, 8 months ago by Ching Hong.
• This reply was modified 10 years, 8 months ago by Ching Hong.

[Brian]

Ok, glad we are moving forward on this.

I came up with css to help on the Single Events Only:

.single-tribe_events #tribe-events-pg-template {
overflow: hidden;
}
.single-tribe_events #tribe-events {
width: 74.46808510638297%;
display: block;
float: left;
margin-left: 0;
}
.single-tribe_events #secondary {
width: 23.404255319148934%;
display: block;
float: left;
margin-left: 2.127659574468085%;
}


It looked like it fixed the issues for me. However, you have a html table for this content: 傳媒專訪​

And that was overlapping over the sidebar.

2. Can I specific a widget(mini calendar) to the sidebar?

I usually use a plugin called Widget Logic:

Widget Logic

With that I can add some conditionals to a widget to get them to show only on certain sections.

If you want a Mini Calendar to just show on the events you could add this conditional:

is_singular( 'tribe_events' )

Let me know how this works out.

Thanks

[Ching Hong]

It works!!!

I really really appreciate for your help!

1. After testing the sidebar. I found that desktop browsing is fine, however, I use my mobile to view the sidebar, it is not in a responsive view. How to solve this problem?

2. How to change the widget “Title” font size?
http://locuslearning.com/event/中英文默寫全攻略－家長講座/

My web site is almost done. Just a minor problem being fixed would be perfect.

Regards,

Chris Man

[Brian]

It takes some more css to solve the responsive issue. Unfortunately, I am over what I can provide on theme compatibility issues, but this might get you closer:

@media (min-width: 768px) and (max-width: 979px) {
.single-tribe_events #tribe-events-pg-template {
max-width: 724px !important;
}
}

@media (max-width: 767px) {
.single-tribe_events #tribe-events-pg-template {
margin: 0;
padding: 2%;
width: 96%;
}

.single-tribe_events #secondary,
.single-tribe_events #tribe-events {
display: block;
float: none;
margin: 0 auto;
width: 100%;
}
}

You will have to take it from there to get the rest how you would like it.

For the widget font size try this css:

.widget-area #sidebar h3.widget-title, .widget-area #sidebar h3 label {
font-size: 20px;
}

Change the 20px to the size you would like.

Cheers

[Ching Hong]

The responsive view works perfectly!

But my question is, how to change the widget “content” size? I found the font size of event’s title is too big…..

Regards,

Chris Man

[Brian]

Oh a miscommunication then I thought you meant the title of the widget and not the event title.

This is the last bit of css I can provide, but try this out:

.single-tribe_events #secondary .entry-title a {
font-size: 14px;
}

Thanks

[Ching Hong]

All problems have been solved!!!

Thank you for your help!!!

Chris Man

[Brian]

Great glad it is all set now.

I am going to close this ticket, but if you need anything else related to this topic or another please post a new topic on the forum and we can help you out.

Thanks

[Author]

Posts