Pay money and get answers for your WordPress questions (more info)

My pagination numbers need to be bigger & positioned better

  • REFUNDED

Hi,

It would be great if someone could help me with this ASAP

My feature post is too long (and all future posts will be the same) so I set up the nextpage links thing to break it up. The problem is that the pagination buttons that appear are small and hidden under social media buttons and rating stars so are not immediately visible.

Here is the post:

http://benconnormusic.com/bjork-2/

I want the pagination buttons to be big, preferably attractive, to appear immediately after the text and in an immediately visible position so readers have no doubt what-so-ever that they're supposed to click to the next page and keep reading.

The share buttons come with the Jetpack plugin a guy told me to install. The rating buttons come from a Rating-Widget plugin and the facebook like button comes from the FBLike Button plugin I installed.

The social media buttons have to stay - or alternatives that serve the same purpose.

If anyone could help me with this I would be very thankful.

Cheers,

Ben

Answers (3)

2013-02-05

Francisco Javier Carazo Gil answers:

Try this:
p.pages{
text-align: center;
font-size: 1.1em;
}


benjaminconnor comments:

Hi Fancisco,

Thanks, but that has only made the pagination numbers slightly bigger and they still appear under all the social media buttons:

http://benconnormusic.com/bjork-2/

Do I need to change the php of the plugins perhaps?

Cheers,

Ben


benjaminconnor comments:

Hi again,

I just changed the font-size to 2.1em, which is better.

Still would like them to be above the social media buttons though. Would also be good if they looked nicer, but not absolutely necessary.

I can send you the php for the plugins if that helps?

Ben


Francisco Javier Carazo Gil comments:

Hi,

If you want this, we would have to change the loop. I see you have a loop with only one post per page, so there won't be a problem.


benjaminconnor comments:

Hi Francisco,

Okay, so how do we change the loop?

Do I need to find some code and send it to you?

Cheers,

Ben


Francisco Javier Carazo Gil comments:

Send me FTP details via PM and I tell you.


benjaminconnor comments:

Hi Franciso,

I totally missed that you wrote this! Problem is still unresolved, so I was reading through the thread and and found it – the message must have come through at the same time as the one below?

Are you still happy to try and fix it if I send you my deets?

Ben

2013-02-05

Arnav Joy answers:

try this


p.pages {
font-size: 1.5em !important;
margin-top: 10px;
text-align: center;
}


benjaminconnor comments:

Hey Arnav,

Thanks, but it didn't seem to work:

http://benconnormusic.com/bjork-2/

The page numbers are still below the social media buttons :-(

Ben

2013-02-05

Abdelhadi Touil answers:

Hi.
Try to add this to your style file:
p.pages {
font: bold 18px "Arial", sans-serif;
text-align: center;
}
p.pages a {
color: #FFFFFF;
padding: 0px 5px;
background: #55B8E1;
}
p.pages a:hover {
color: #333;
padding: 0px 5px;
background: transparent;
}

You can see the preview in the screenshot attached. For other changes (like position) this must be done from the php code.
Good luck.


benjaminconnor comments:

Hi Abdelhadi,

Thanks, that does look better, but the position changing is the fundamental thing.

Can I send you the php code of the plugins to fix it? Or is it the php of something else that needs to change.

Cheers,

Ben


Abdelhadi Touil comments:

I'll try, so please I want you to paste the single.php code here.


benjaminconnor comments:

Oh,

Okay, where do I find that?

Ben


Abdelhadi Touil comments:

It's a file in you theme folder (in your case it's in wp-content/themes/news/ folder)


Abdelhadi Touil comments:

Or you can send me you FTP details via PM. I going to work now. See you later.


benjaminconnor comments:

Hi Abdelhadi,

There is no document titled single.php code in my news theme folder (wp-content/themes/news/ folder)

There is only the following: