Line spacing & main events page

[Emma Beatt]

Hello!

I was wondering if you could help with a couple of things.

1) I’ve got a list of events on my home page, if there is a long title the heading is quite squashed together, and looks bad on mobile view too, is there a way to make the line spacing bigger?

2) When you’re on an event, there is an ‘all events’ button, how can I change this to go back to the main events page I’ve set up rather than the automatic one through you guys? On your one the side bar is going underneath my header which doesn’t look good, but on the one I’ve set up there is no side bar so it would make sense if the user could automatically be taken back to the main page.

Please see attached screen shots,

Thanks!

Emma

[Andras]

Hi Emma,

Thanks for reaching out!

If I see correctly you are using the Divi theme. We have a free extension that fixes a glitch when TEC is used with Divi plus addresses some formatting options as well. I recommend you do get that extension, install and activate it, and let me know if that fixes the formatting issue.

If it doesn’t fix the formatting issue, then let me know and send me a direct url to the page where it is visible. I might be able to provide you with a snippet and later on improve on the extension as well.

On your one the side bar is going underneath my header

Not sure why this is happening… Curious. I haven’t seen this before.

Anyhow, you should be able to tap into this filter:

apply_filters( 'tribe_get_events_link', $plugin->getLink( 'home' ), $context );

You will need something like this in your child theme’s functions.php file:

[code language=”php”]
add_filter( ‘tribe_get_events_link’, ‘my_custom_all_events_link’ );
function my_custom_all_events_link( $url ) {
return ‘http://domain.com/my-events-url/’;
}
[/code]

Note, I haven’t tested this, but should get you started.

Let me know if you need further assistance with this.

Cheers,
Andras

[Emma Beatt]

Hi Andras

Thanks for getting back to me. I’ve installed the plugin but I don’t think it’s made a difference with the formatting i’m afraid.

Also with the code to add to the php file, is there any way around this and using css instead? I’m not a web developer and don’t really know what i’m doing, and stupidly didn’t set up a child theme in the beginning, so any changes I make to php won’t be updated every time the theme gets updated. If not don’t worry i’ll figure a way round it.

Thanks,

Emma

Emma Beatt
Multimedia Coordinator
New Life Croydon
e: [email protected] mailto:[email protected]
w: http://www.newlifecroydon.co.uk http://www.newlifecroydon.co.uk/
t: 020-8680 7671 x331

New Life Christian Centre (Croydon) is a registered charity and a company limited by guarantee, registered in England and Wales.
Charity Registration No: 1123257. Company Registration No: 6484891.

[Andras]

Hi Emma,

is there any way around this and using css instead

I’m afraid not. CSS is used for formatting and it’s not possible to change code with it. So the snippet is your best option.

I’m not a web developer and don’t really know what i’m doing

No worries. I can give you detailed instructions or a screen recording on what you need to do.

didn’t set up a child theme in the beginning, so any changes I make to php won’t be updated every time the theme gets updated.

I’d say this can be an issue down the road. If you made any changes in the theme’s style.css or functions.php files, then these changes will be lost when you update the theme.

It is also an option not to update the theme ever, but that is very much not recommended. Also knowing Divi, they push an update with new funky stuff almost every week.

As a first step I would definitely recommend you to set up a staging site and move over any customizations from the style.css or functions.php files to the child theme.

Here is a good child theme creator for Divi: https://divi.space/divi-child-theme-builder/

Also, here is an article on creating a child theme directly from the creators of Divi.

Alternatively, you can use a plugin like Child Theme Configurator to help you create a child theme directly on your WordPress back-end.

Once that’s done, or if you decide to skip the child theme creation totally, let me know and I can walk you through how to add the code to functions.php. For that please share with me the url that you want the link to go to.

As for the formatting, that will be an easier case. If you add the following to your styling, that should fix it:

[code language=”css”].tribe-mini-calendar-event .list-info h2 {
line-height: 1.25em;
}[/code]

Let me know.

Cheers,
Andras

[Emma Beatt]

Hi Andras

Thanks for your reply, it’s been super helpful. I’m actually expecting a baby any time now, so I’m reluctant to spend time setting up a child theme at the moment, however I will definitely take your advice on board and sort that out when I get a chance. For a quick fix if you were able to give me instructions on how to add that code to the php etc that would be really helpful. The link where I’d want ‘all events’ to go to would be this: http://www.newlifecroydon.co.uk/events (we’re half way through migrating a new site over to the old one but that will be the correct link once it’s live).

The code for the formatting worked thank you!

[Andras]

Oh Emma, that is wonderful! Congratulations and I wish you a healthy, happy baby!!! 🙂

I understand you don’t want to spend time on this now.

I just created a handy-dandy plugin for you for this, so your setting will not get lost when you update your theme to a new version.

You can download the plugin from this url: https://www.dropbox.com/s/ra44c26sp1fvnqf/tribe-ext-custom-all-events-url.zip?dl=0

Just install and activate like any other plugin. Once activated the ‘All Events’ will point to the url you gave me. If you want to “go back to normal”, then you only need to deactivate the plugin.

If you would like to change that url to something else, then you can change it in the code of the plugin.

(When I have the time I will probably do another version, where you can enter the url under the calendar settings.)

Hope this helps. Let me know if anything else or if it doesn’t work.

Cheers,
Andras

[Emma Beatt]

Thanks Andras and thank you SO much for the plugin, that’s worked perfectly!!!

I’ve just noticed one strange thing on the back end which i’ll add a screenshot of, the events list seems to have lost all the normal formatting but not sure why. Any ideas on what could have caused it? It’s not effecting anything on the front end so it’s not a major problem.

[Andras]

Hi Emma,

I tested this now, this is not caused by the plugin I shared with you, but likely by other plugins, possibly Yoast.

Other plugins (like Yoast) can add extra columns to the admin list view, which can then ‘reorganize’ the looks a bit. The solution would be to remove / hide the columns you do not need.

To do this click on the ‘Screen options’ at the top right of the screen, then deselect the columns that you don’t need.

Here’s a screenshot: https://dl.dropbox.com/s/gawkdkdoi58gfii/shot_180920_112057.jpg

Hope this helps.

Cheers,
Andras

[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