Remove "All Events" link on single events page

[Seth]

Hi –

I’d like to remove the “All Events” listing link on individual events page
http://josephy.org/upcoming/logging-timber-the-mill-art-opening/

I will only have my events listed by category so I prefer not to have an “All Events” Link listed next to the category menu items I have created. If you could let me know where this is located in the PHP, greatly appreciated. Thanks!

https://theeventscalendar.com/support/forums/topic/css-theme-conflict/ – previous topic

[George]

Hey Seth,

Thanks for reaching out to us here. There are several ways to go about hiding the “All Events” link on your site, and as you mentioned, editing PHP is indeed one option.

However, a much simpler option, and one I’d recommend, is to just hide the link with CSS – you can do this by simply adding the following code to the bottom of your theme’s style.css file:

p.tribe-events-back {
    display: none !important;
}

That should help – let us know if it does, or if you have any other questions or concerns.

Thanks,
George

[Seth]

Thanks George! Works.

This has the effect of shifting the text up a line, so the title of each event is not longer on its own line, but on the side of the menu. Can you tell me how to shift it down so it looks like its original layout? Thanks

http://josephy.org/upcoming/brown-bag-with-logger-jim-zacharias/ – title: Brown Bag Lunch

[George]

Hey Seth,

Hm, this actually appears to be the result of a semi-“broken” layout because of the added HTML you’ve added before the Tribe Events content. You can see the way things look by default by temporarily adding the following CSS to the bottom of your theme’s style.css file:

.tribe-events-before-html {
    display: inline-block;
    clear: both;
    width: 100%;
}

That looks like this, for example → https://cloudup.com/cVNM1TQR5rI

So, what I mean about things being semi-“broken” is that the title being brought up on the right side is not the result of targeted styling – it’s the result of the black bar with categories you’ve added not taking up 100% of the page width, and the title being sucked up into that right-side gap to try and fill the space.

Do you know what I mean here? The implications of all this are that I tried to style your title accordingly, and bring up to the right side with some proper targeted CSS, and it’s quite difficult (for me to do quickly, anyways).

The closest I was able to get was to have things look like this → https://cloudup.com/cel3UbE_SCr

To do that, I used the following CSS – try adding it at the bottom of your theme’s style.css file:

.single-tribe_events h2.tribe-events-single-event-title {
    margin: -2em 0 0;
    padding: 0 0 0 72%;
}

Not too bad 🙂 But probably not 100% what you want here, and I haven’t tested it with longer event titles, etc.

Even though this isn’t perfect, I think it would be a great starting point for you to take the reins from here, and to play around with the styles a bit. I’d recommend using a tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome to help your customization process – they’re all free and come with an awesome “Inspector” tool that lets you zoom right to the specific code you’d need to tweak for a specific element on the page. Very helpful.

I hope this all helps Seth! Let us know.

Cheers,
George

[Seth]

George, thanks for the details response!

By keeping the menu all on one line, and having the title and subsequent information on the next, I think it looks best and is an easy fix. Much appreciated.

[George]

Glad to help Seth! Thanks for marking this “resolved” – I’ll go ahead and close up this ticket, but if other questions or concerns arise, just come on back and open a new ticket. We’ll take care of you from there 🙂

Best of luck with your project,
George

[Author]

Posts