remove save-as at top of calendar

[Mel]

Hi,

I have some css code to remove several things at the top of the calendar including the save as…

/* TEC CSS */

/* move nav to top */
#tribe-events-footer .tribe-events-sub-nav {
display: none;
}
#tribe-events-header .tribe-events-sub-nav li, #tribe-events-header .tribe-events-sub-nav li a {
display: block !important;
}

/* change next/prev */
.tribe-events-nav-previous, .tribe-events-nav-next {
background: white none repeat scroll 0 0;
border: 1px solid gray;
border-radius: 10px;
padding: 10px;
}
.tribe-events-nav-next > a {
color: gray !important;
}

div.tribe-bar-date-filter {
display:none;
}

Problem: When I selected the photo view in the settings, the save as showed up again?
I never want to see the save as because I am using the shortcodes to control the views.

Also the photo calendar shows a strange title? Visit the website to see the calendar..

Thank You
Mel Fisher

• This topic was modified 8 years, 4 months ago by Mel. Reason: typos

[Jennifer]

Hi Mel,

Thanks for reaching out! I took a look at your site, but I am not seeing any issues with the title in photo view (see screenshot). Could you please clarify how you would like to change it and also send me a link to the page you’re looking at?

Just to clarify, it sounds like you are trying to hide/remove the “View As” text entirely? If so, try adding the following CSS:

#tribe-bar-views label {
display: none !important;
}

Let me know if that helps!

Thanks,

Jennifer

[Mel]

Hiii

My hosting site has a problem so i am moving the site…

I will close this for now…

Thank you
Mel

[Mel]

Hiiii again…

I fixed the hosting problem so I hope I can continue here…

Here is the CSS including yours……

/* TEC CSS */

#tribe-bar-views label {
display: none !important;
}

/* move nav to top */
#tribe-events-footer .tribe-events-sub-nav {
display: none !important;
}

#tribe-events-header .tribe-events-sub-nav li, #tribe-events-header .tribe-events-sub-nav li a {
display: block !important;
}

/* change next/prev */
.tribe-events-nav-previous, .tribe-events-nav-next {
background: white none repeat scroll 0 0;
border: 1px solid gray;
border-radius: 10px;
padding: 10px;
}

div.tribe-bar-date-filter {
display:none !important;
}

See attached pic ….. I have not added events yet so that is why the no results msg…
http://www.makethiswork.info just click on calendar

Thank You
Mel

[Jennifer]

Hi Mel,

Thanks for sending the link! I took a look, and to hide the text, you can add this (see screenshot):

ul.tribe-bar-views-list {
display: none;
}

However, it looks like you might be trying to remove the bar entirely? I would recommend taking a look at this article, which has instructions on removing/customizing the bar.

Please note that per our forum guidelines, we typically do not provide support for CSS customizations, but if you have any other questions on this, I’ll be happy to see what I can recommend!

Thanks,

Jennifer

[Mel]

Hi,

yes hiding the test is of no value with the background still showing…

I look at the article you suggested and add the snippet:

add_filter( ‘tribe-events-bar-should-show’, ‘__return_false’, 9999 );

and activated it, but nothing?

mmmmmmm
mel

[Jennifer]

Hi Mel,

So if you do want to hide the entire bar, this CSS will get rid of it (be sure to clear your cache after applying it to make sure you can see the changes):

#tribe-events-bar {
display: none;
}

I tested it out on your site, and it’s working on my end (see screenshot).

I just checked the filter myself, and you are right – it wasn’t working for me either. Sorry about that! I will look into this further…we may need to update the article.

In the meantime, let me know if the CSS works for you!

Thanks,

Jennifer

[Mel]

Hi,,,,,

Worked great!!!

Thank you,,,

[Jennifer]

Perfect! I’m glad that worked!

I’ll go ahead and close out this thread, but please feel free to open a new one if you have any other questions!

[Author]

Posts