Support

Home › Forums › Calendar › 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

      • Support Staff

      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.

        Status: closed

        Updated by Trevis 10 years, 6 months ago ago

        Topic Tags

        Notifications

        This topic is: resolved
        Event Espresso - Staging Server