Changing the size of the sideways chevron that appear with "next" and "prev" #644
-
Is it possible to change the size of the sideways chevron? If so, how? (It might also be called a Single Right-Pointing Angle Quotation Mark? |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 4 replies
-
If you want fine grained customization (i.e. to change the size of the chevron but leave the "next" the same size - here are some ideas that come to mind: Use a template:e.g. for svg etc. consider adopting a template: https://ddnexus.github.io/pagy/docs/how-to/#using-your-pagination-templates Use another html character instead of
|
Beta Was this translation helpful? Give feedback.
-
Just a side note related to the topic, that might already solve your problem... Version 7 (released just yesterday) has different default strings for the previous and next links. It uses only If that is not what you want, then follow one of the methods suggested by @benkoshy. |
Beta Was this translation helpful? Give feedback.
-
Now that you explained the details of your question... you have another very simple way of doing it without javascript or overriding. Just use This one is super simple and recommended because it's very robust over updates: For example: prev: '<span class="prev-chevron"><</span> Prev'
next: 'Next <span class="next-chevron">></span>' Then you can target the classes of the chevrons (you may even use a single class for them). FYI: Nested span are legal HTML. |
Beta Was this translation helpful? Give feedback.
Now that you explained the details of your question... you have another very simple way of doing it without javascript or overriding. Just use
span
tags in the dictionary entries:This one is super simple and recommended because it's very robust over updates:
For example:
Then you can target the classes of the chevrons (you may even use a single class for them).
FYI: Nested span are legal HTML.