All Events Link (cont…)

[twi]

Hi,

I would just like to continue a post I started a while ago.

The page is almost complete – http://twi.gaslamp.digital/events/

I now just need to work out how we can target just this auto generated events page? so that I can remove the grey banner that comes across automatically. I could do this normally by editing the page itself but as I am using the Events plugin, technically the page doesn’t exist for me to edit does it?

Regards

Andy

[Andras]

Hello again Andy,

Thanks for getting in touch!

If I understand correctly you would like to remove the top grey section on the page that contains the page title. (Screenshot)

Please note, that we are limited in supporting customizations. And what you want to achieve is more related to the theme you are using, than our plugins.

To get you started try pasting the following css snippet into your theme’s style.css file:

.gtc-page-title-wrapp {
display: none;
}

And remove this part:

div#tribe-events {
margin-top: -100px;
}

 

This will visually hide the grey banner. If you also want to remove it from your code, then I’m afraid you will need to get in touch with the theme developers.

Let me know if the above helps.

Cheers,
Andras

[twi]

Hi Andras

Thank you for your reply.

The issue here is that if I do this it will apply this change for the whole site.

My issue is because your plugin does not actually create a page, I can’t just hide this from the one page because I can’t edit it. Does this make sense?

Regards

Andy

[Andras]

Oh yeah, that absolutely makes sense.

I believe you have 2 options.

Option #1:

You can extend the css with the “events-list” selector like below, that should limit it only to the events list:

.events- list .gtc-page-title-wrapp {
display: none;
}

and

.events-list div#tribe-events {
margin-top: -100px;
}

Options #2:

Try this setting: Events > Settings > Display tab > Events Template > Default Events Template

Currently I believe that is set to “Default Page Template” and that is why is has the header.

This option is a nicer solution and if you go for this, then you don’t need the extra css.

 

Does this do the trick?

Andras

[twi]

Hi Andras

That worked great, last thing, is there a way to hide the grey bar from the actual click through of the event – http://twi.gaslamp.digital/event/black-belt-negotiator-eic-dubai/

Regards

Andy

[Andras]

I’m not sure which approach you used, but this snippet should hide that:

.events- list .gtc-page-title-wrapp {
display: none;
}

Does it?

Andras

[twi]

Hi,

It does not. It hides it on the main events page but not on the click through event – http://twi.gaslamp.digital/event/black-belt-negotiator-eic-dubai/

Regards

Andy

[Andras]

Sorry Andy, I wasn’t aware of that part.

Change that last snippet like this:

.post-type-archive-tribe_events .gtc-page-title-wrapp, .single-tribe_events .gtc-page-title-wrapp {
display: none;
}

That should do the trick also for the month view.

Andras

[twi]

Perfect, thank you for your help on this.

[Andras]

You’re welcome Tom, happy I could be of assistance!

Since this is marked resolved I am going to close this ticket, but if you need anything else related to this topic or another please post a new one in the forum and we will be happy to help you out.

Good luck with your project!

Cheers,
Andras

PS: If you like our plugins, and you didn’t yet do so 🙂 we would be happy to receive a review in the wordpress.org repository. Thanks!
https://wordpress.org/support/plugin/the-events-calendar/reviews/

PS2: We’d be also grateful if you would give us feedback on your satisfaction with support. Just click on one of the classy looking emojis below. 🙂 If you can spare a few words, that’s even better. Doublethanks!

 

[Author]

Posts