How to move "View More" in the List Widget

[Michael]

Hello, I need to move the “View More” link to the right of the “Upcoming Events” title above the list.

Otherwise, as I have overflow:hidden; in the css, it gets pushed down below the boundaries of the widget.

I’ve tried for about an hour, but cannot figure it out, and an important deadline is approaching.

Thanks,

[Geoff]

Hello Michael!

Good question. You can override the list-widget.php template and remove the link from the template. There’s more information on template overrides in our Themer’s Guide, but it basically boils down to this:

• Make a copy of the template. It’s located in /wp-content/plugins/events-calendar-pro/src/views/pro/widgets/list-widget.php.
• Make a new folder in your theme directory called tribe-events
• Make a new folder in that one called pro
• Make an folder in that one called widgets
• Drop the copied list-widget.php file in that last folder

Once the template is in your theme folder, you can modify it to suit your needs. In this case, remove this from the template:

<p class="tribe-events-widget-link">
<a href="<?php esc_attr_e( esc_url( $link_to_all ) ) ?>" rel="bookmark">
<?php esc_html_e( 'View More&hellip;', 'tribe-events-calendar-pro' ) ?>
</a>
</p>

Hello, I need to move the “View More” link to the right of the “Upcoming Events” title above the list.

The “View More” link should actually be at the bottom of the widget (screenshot). If it’s somewhere else, then it might be possible that there is already a template override in place. If that’s the case, you should be able to do the same thing, but work with the template that’s already in the theme directory.

Will this work for you? Please let me know. 🙂

Cheers!
Geoff

[Michael]

Hello Geoff, thanks for your prompt reply.

If I am reading it correctly, you are explaining how I could remove the View More link.

I don’t need to remove the link, I need to reposition it to the top so it doesn’t get hidden when text overflows.

Yes, it is already at the bottom of the window, like your screenshot. I need it to be at the top of the window so it doesn’t disappear when the text overflows.

I am aware of the procedure for overriding the template by mimicking the directories on my site, and have already made a few small changes.

But I cannot figure out how to either move the the View More link to the top or to but an <a href=” around the Upcoming Events headline. The result is that when an event has an image, it may push the text out of the box, with the result that visitors have nowhere to click to see upcoming events.

Your help is greatly appreciated.

Regards,

mw

[Geoff]

Hey Michael,

Oh sorry, totally misunderstood!

Moving the link is the same process as removing it. You can take that block of code and move it where you would like it to appear in the template.

Is that what you’re looking for, or is it something else?

Thanks!
Geoff

[Michael]

Well duh. That was easy.

Thanks, much.

[Geoff]

My pleasure! Sorry again for striking out hte first time but so glad to hear all is well now — cheers, dude!

Geoff

[Author]

Posts