Support

Home › Forums › Events Calendar Add-on › Hide Nav Arrows and Replace with Text

Hide Nav Arrows and Replace with Text

Posted: March 17, 2014 at 8:51 am

Viewing 4 reply threads


Trevis

March 17, 2014 at 8:51 am

Hi guys-

I’m trying to hide the icon arrows on my calendar navigation and replace them with text. I’ve specified the text I’d like to use for this in the Calendar Settings on WP, but the arrows still show. How do I hide them and show the text?

Calendar can be seen here: http://almsp.manageinfinity.com/volunteers/

Thanks!


Lorenzo Orlando Caum

  • Support Staff

    •

March 17, 2014 at 10:25 am

Hello,

Are your referring to the arrow icons in this screenshot?

http://cl.ly/image/1e281f0Q3j45

—
Lorenzo


Trevis

March 17, 2014 at 10:33 am

Yes sir.


Dean

March 18, 2014 at 12:54 am

Hi,

I don’t think this is possible via the settings, but you could use some CSS pseudo classes to achieve it:

.ui-state-default .ui-icon {
background:none;
width: inherit;
height: inherit;
}

.fc-button-prev:before {
    content: "Left"
}

.fc-button-next:before {
    content: "Right"
}


Trevis

March 19, 2014 at 1:01 pm

Perfect, that did the trick. Thanks so much Dean!
Viewing 4 reply threads

The support post ‘Hide Nav Arrows and Replace with Text’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Events Calendar product page | Events Calendar documentation

Status: closed

Updated by Trevis 10 years, 8 months ago ago

Topic Tags

Notifications

This topic is: resolved
Event Espresso