Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 3, 2013 at 12:54 pm #169897
    kriru

    Hi

    my website is web.guru99.com

    i have split post into multiple page by <!–nextpage–> now i want to apply custom style for good look and feel

    rightnow pagination look like this – http://screencast.com/t/onGdJWET

    and i want somewhat like this – http://screencast.com/t/GAqxExyivB

    so how can i achieve it.

    Please help.

    October 4, 2013 at 7:11 am #170326
    Ismael

    Hi kriru!

    You can do something like this on your custom.css or Quick CSS:

    .pagination_split_post span {
display: block;
float: left;
width: 25px;
height: 25px;
border: 1px solid gray;
margin-left: 5px;
text-align: center;
padding-bottom: 10px;
background: #64a9dc;
border-radius: 3px;
box-shadow: 0 1px 2px gray;
color: white;
text-shadow: 0 1px 1px gray;
}

.pagination_split_post a span {
background: white;
color: gray;
}

    Just clean it up a little. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘How to apply custom css to pagination’ is closed to new replies.