Home Forums Weaver Xtreme Theme Pagination digit formatting

Topic Resolution: Answered

This topic contains 4 replies, has 3 voices, and was last updated by  GeorgeW 2 weeks, 1 day ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #62023
    Answered

    GeorgeW
    Participant

    Hello –  hope you’re well…

    On this post:

    https://wp-demo.us/test1/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.

    Thanks!

    #62026

    Weaver
    Keymaster

    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.

     

     

    #62053

    GeorgeW
    Participant

    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?

    Thanks!

    George

    #62055
    Best Answer

    scrambler
    Moderator

    This reply has been accepted as the best answer.

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

    <br/> 
    

    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

    #62066

    GeorgeW
    Participant

    scrambler, you’re awesome. 🙂

    Thanks!

    George

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.