Create Custom Pagination

Posted in: Newspaper
Post count: 1
somilbhargava
#119675
Jun 21, 2016 at 11:31 am

Hi All,

I have few long post and have inserted a page break between different points within them. Currently the navigation are appearing to be numbered with less visibility. I am looking to change this to a button clearly visible.

Any leads on the code change or plugin that might do this trick is highly appreciated. This is what I was trying – using the code below I was able to come with this (copy and paste to see what this would look like here Remove the apostrophe before the links. Would you be able to help me out as to where this code should go in the theme –

<!DOCTYPE html>
<html>
<head>
<style>
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: white;
    float: left;
    padding: 16px 40px;
font-size: 35px;
    text-decoration: none;
background-color: #000;
border-radius: 0px;
}

ul.pagination li a.active {
    background-color: #DF0101;
    color: white;
    border-radius: 0px;
}

ul.pagination li a:hover:not(.active) {background-color: #fff;
color: black;}
</style>
</head>
<body>

<ul class="pagination">

<li><a href="#">«</a></li
</li>
<li><a href="#">1</a></li
</li>
<li><a href="#">2</a></li
</li>
<li><a href="#">3</a></li
</li>
<li><a href="#">4</a></li
</li>
<li><a href="#">5</a></li
</li>
<li><a href="#">6</a></li
</li>
<li><a href="#">7</a></li
</li>
<li><a href="#">»</a></li
</body>
</html>

1. For the pagination to be available
On all the pages
Only on the homepage
Only on the post/article page
For all the other pages
2. Include a text “Pages” within the pagination block itself not linked to anything.

My theme supports custom theme so where should these be targeted. Help or links to the required details is much appreciated.

Current Navigation Setup – Financial Talkies

Expected Navigation Setup – Tricky Photoshop

Thanks,
Somil

Post count: 22421
Bogdan B.
#119761
Jun 21, 2016 at 4:07 pm

Hi,
Unfortunately your code will not work with our theme as the pagination is created with php not standard html.
There are 3 places the pagination is set in our theme: http://screencast.com/t/HJgzf32I6DS – http://screencast.com/t/QQUWH9R4 and http://screencast.com/t/Rr89nkREoM These are the functions you need to modify. If you do not have the proper skills to do so, you can hire a freelancer to help out from sites like studio.envato.com as we cannot offer any custom work at the moment.
Thank you!

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.