Change pagination style to squares

  • Posted in : TheBlogger
  • Jim
    Participant

    Hello. I was wondering how can I change pagination style. Right now its like simple numbers. 1,2…4 . How can I make them squared like that? https://www.codevoila.com/uploads/images/201508/customize_yii_listview_maxButtonCount.png

    Is there a way?

    Jim
    Participant

    And how to increase pagination FONT-SIZE if possible?

    serkan
    Moderator

    Hi,
    Please go to appearance > customize > blog > blog navigation.
    You can use this custom css code;

    nav { font-size: 16px; }

    Thanks

    Jim
    Participant

    Hi Serkan! I appreciate your reply but unfortunately the code you gave me doesnt increase pagination font-size. It just messes with the social icons on the top and messes with the layout of the site in a strange way. Also you didnt answer my first question. I have already changed the pagination style from appearance > customize > blog > blog navigation… I just wondered if I can make the pagination look from that https://imgur.com/a/gJnxrUU to that https://imgur.com/a/oB1Dlca (I would like to make pagination something like squares)

    Jim
    Participant

    Nevermind I found how to do squared pagination!

    I found how to increase pagination font-size too but with one problem….

    I used .pagination a { font-size: 40px; } but the number of the current page I am in doesn’t increase…. see here? https://imgur.com/a/ydEsFJh Any way to increase the font-size of the current page too?

    serkan
    Moderator

    Hi,
    Could you provide me your related url, please?
    Thanks

    Jim
    Participant

    My site runs locally its not online yet :/

    serkan
    Moderator

    Hi, We can find a solution when it is online. You can keep me updated.
    Thanks

    Jim
    Participant

    Okay, Thanks!

    serkan
    Moderator

    You are welcome.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register