Home Forums Weaver Xtreme Theme Pagination digit formatting

Topic Resolution: Answered
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #62023

    Hello –  hope you’re well…

    On this post:

    Latest Pet Content

    … the numbers below the links are stacked vertically.

    Basically, I’d like them to be “plain vanilla”. Formatted horizontally, without borders or background color. 1, 2, >>.

    Is there a function that controls that styling?

    I searched for “pagination” in the guide but came up empty.



    The pagination links seem to be generated by a plugin called hsm-pagination or something like that.

    There are is no doubt custom CSS that could be added to get the pagination to be horizontal, but please try asking on the hsm plugin’s support forum first. They would likely know the answer more quickly than we could. If they don’t have an answer, try back here after giving them a few days to help you.




    Hey, Bruce!

    Thanks for the reply.

    The digits do get created by the hsm plugin, but the developer mentioned they don’t use any intentional formatting on them. In another website where I use the plugin (with a different theme) the links look plain-vanilla.

    Such kinds of links can be created in other cases as well. For example, a sitemap with pagination.

    To be 100% honest, the current format does seem to have a “default Weaver” feel to it. Btw, I love Weaver! 🙂

    Is there any setting that controls this pagination?



    Best Answer

    This reply has been accepted as the best answer.

    They are actually responsible for the vertical alignment, as they are inserting a


    after each number. If they don’t have an option for that or wish to add one, you can remove them by adding the rule below to the theme Global Custom CSS Rule box
    .hsm_pagination br {display:none;}
    The styling does come from weaver and can be removed with the rule
    .page-numbers {border:none;background-color:white;}
    the background color is done by the rule below
    a.page-numbers, span.page-numbers.dots {background:#e0e0e0;}
    The styling of the Current page (so it stands out) is done with the rule below
    .page-numbers.current {color:white;background:#606060;}
    Just add these rules with your own values to change them


    scrambler, you’re awesome. 🙂



Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.