Joomla Templates Club 406,261 posts

[boost_it Friend boost_itJoin date: February 2011Posts: 38Downloads:0Uploads:12 Thanks: 29]

#174204

Hi there

I need to move the “Page 1 of x” into the pagination bar in front of “Start | Prev | 1 ..” See image below.

Also I’d like to add a title above the pagination bar “Other News Articles”. How would I add that in?

Your assistance would be very much appreciated.

---

Attachments:

1. 
2. 

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#440601

Hi boost_it,

since the pagination counter “Page 1 of 2” resides in another file than the pagination “Start Prev” it’s not possible (for me) to combine them. So you have to “move” the page counter via css like this: Open up your
templates/ja_business/css/template.css file and look for these 2 code blocks. Change / add the red marked text.


.pagination p.counter {
float: none;
font-size: 92%;
text-align: left !important;
position: relative;
top: -35px;
left: 21px;
}



.pagination .pagination ul {
margin: 0 !important;
overflow: hidden;
padding: 0 10px 0px 90px;
position: relative;
width: 525px;
}


To add your custom text above the pagination open up
templates/ja_business/html/pagination.php and change the following code block from this


// Initialize variables
$lang =& JFactory::getLanguage();
$html = "<div class="pagination clearfix"><ul>";
// Reverse output rendering for right-to-left display


to this


// Initialize variables
$lang =& JFactory::getLanguage();
$html = "<div class="pagination-title"><h5>Other News Articles</h5></div>";
$html .= "<div class="pagination clearfix"><ul>";
// Reverse output rendering for right-to-left display


I picked <h5> but you can put there whatever you want and style the tile via css and the .pagination-title class.

Cheers

Frank

1 user says Thank You to pixelzombie for this useful post

1. boost_it

[boost_it Friend boost_itJoin date: February 2011Posts: 38Downloads:0Uploads:12 Thanks: 29]

#441045

Much appreciated Frank 🙂

Your suggested changes were close to what I need. I know you said you can’t get the “Page 1 of 2” in the “Start Prev” pagination section. Can you suggest someone else who can help me do this?

This is what the pagination looks like after your suggested code changes:

---

Attachments:

1. 

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#441055

My CSS code above should move the “Page 1 of 2” before the “Start Next” allready. Did you paste it to your template.css?

.pagination p.counter {
float: none;
font-size: 92%;
text-align: left !important;
position: relative;
top: -35px;
left: 21px;
}

1 user says Thank You to pixelzombie for this useful post

1. boost_it

[boost_it Friend boost_itJoin date: February 2011Posts: 38Downloads:0Uploads:12 Thanks: 29]

#441063

Yes I followed your code exactly. Any ideas why its not moving it to the correct spot? BTW I’m using JA Business 1.6 template (in case that affects the result).

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#441071

I have to check that on your site if possible. Do you have an URL? You can PM it to mee too if you don’t want to share it in public.

Thanks in advance!

Frank

1 user says Thank You to pixelzombie for this useful post

1. boost_it

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#441819

Thanks for sending your site url. Please try these small changes:

.pagination p.counter {
float: none;
font-size: 92%;
text-align: left !important;
position: relative;
top: 76px;
left: 20px;
}


Cheers

Frank

1 user says Thank You to pixelzombie for this useful post

1. boost_it

[boost_it Friend boost_itJoin date: February 2011Posts: 38Downloads:0Uploads:12 Thanks: 29]

#442096

Thank you :laugh: it’s exactly how I wanted it.

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#442173

Hi boost_it,

I’m glad it worked out as you wanted it 🙂
If you have any other issues feel free to open a new thread and we’ll figure it out!

Cheers

Frank

[Author]

Posts