• Closed
  • James Benner
    Spectator
    19.06.2015 at 19:31 #18358

    Is there a way to change the “fontawesome” character to actual text, such as “What’s New”. I am trying to clarify what the sliding bar’s content is to make it more user friendly.

    Denzel Chia
    Moderator
    Posts: 2656
    20.06.2015 at 04:34 #18365

    Hi,

    Sorry, I do not understand your question.
    Please kindly post your website url to the page with your issue.

    Thanks!
    Denzel

    James Benner
    Spectator
    Posts: 1
    21.06.2015 at 11:45 #18394

    Along the top of the page, where the sliding bar chevron is, I would like to replace that chevron with actual text. Is that possible? Here is the url:

    Welcome to Belomar Regional Council

    Denzel Chia
    Moderator
    Posts: 2656
    21.06.2015 at 15:57 #18395

    Hi,

    Please use the following in Theme Options -> Custom CSS

    .sb_toggle {
    padding:15px 30px; /**adjust the number 30px to widen the width of the tab**/
    }
    .sb_toggle:after {
    font-size: 14px;
    font-family:arial !important;
    content: 'Open' !important; /**You can change this text**/
    -webkit-font-smoothing: antialiased;
    display: block;
    height: 40px;
    position: absolute;
    left: 15px;
    top: 3px;
    color: #FFFFFF;
    }
    .sb_toggle.open:after {
    -webkit-font-smoothing: antialiased;
    content: "Close" !important; /**You can change this text**/
    }

    The above example will change the chevron to the Words “Open” and “Close”. See the code comments for additional instruction.

    These are screenshots of the above example http://prntscr.com/7jla7j
    http://prntscr.com/7jla7w

    Thanks!
    Denzel