Forum Discussion

cblown's avatar
cblown
Boss
13 years ago

How to change chevron » to single arrows for paging?

Paging and next / prev topic buttons include a double chevron » character. We can only find two of these in the Studio text editor. (?)

 

The HTML doesn't allow us to change these easily given "lia-paging-page-arrow" is used for both next & prev.

 

 <span class="lia-paging-page-arrow">»</span>

 We're assuming this must be a setting somewhere in the Admin, but we can't seem to find it?

 

Can we change these reliably and globally?

 

 

 

3 Replies

  • DougS's avatar
    DougS
    Khoros Oracle
    13 years ago

    There are two settings you can set to influence the "separator character" that gets used in places in the app -- they are "Separator character in navigation bar" and "Separator character in the user navigation bar" and they are both in the Display > Front Page.

     

    There are some skins that hide the separator characters set in the admin and replace them with a skin image -- you should use a developer tool (like firebug) to see if this is the case, and if it is, you should see some css that shows a skin image (or another image) being used.  If this is the case, you should be able to change the image via the "Community Style" tab in Lithium Studio.

  • ChiaraS's avatar
    ChiaraS
    Lithium Alumni (Retired)
    13 years ago

    Hi Doug,

     

    those settings in the Admin seem to apply only to the navigation (breadcrumb) component.

     

    For the pager/paging component (especially under mobile, since on desktop that's hidden by default and replaced with the image), I don't think there is currently (12.10) a way to change the arrows (set to "&#171" and "&#187" by default).

     

    I found the following text property, but looks like it's not used for pagination: "menubar.link.prev_page_arrow"

     

    If there is some other text key or admin setting I missed, just let me know...

     

     

  • Inactive User's avatar
    Inactive User
    11 years ago

    I know this is way late but I had the same question and these text keys were the ones that changed it for me...

     

    menubar.button.next_page_arrow 

    menubar.button.previous_page_arrow 

     

    Thanks