hide icon from list view

[Dan Berger]

I am using the following code to display events on my homepage (in a code box): [tribe_events_list], Everything is working fine but I would like to remove the calendar icon from the view. I’ve tried these options, which do not work.

[tribe_events_list do not show tribe-mini-calendar-event-list-date]
[tribe_events_list hide tribe-mini-calendar-event-list-date]
[tribe_events_list tribe-mini-calendar-event-list-date display:none]

Can you please supply the code to hide the event date icon?

Once the icon is removed, will the text move over to be left aligned? Or will it remain where it is and then I have to add custom css to move it all over to the left.

Thank you,

Shana Zucker
[email protected]

[Brian]

Hi,

Thanks for using our plugins.

The shortcode does not have the options you are trying to use. You can remove the icon from the template following our themer’s guide or hide it with css.

I got this css to work for me, including moving over the information to the left:

/*
* Hide Date Icon in List Widget and Mini Calendar List
*
*----------------------------------------------------- */
.tribe-mini-calendar-event .list-date {
display: none;
}

.tribe-mini-calendar-event .list-info {
width: 100%;
} themer’s guide

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts