Size of page buttons to big

Hi,

how can I change the size of the page number (number and buttons)? 50% percent of the current size would be right!



Thanks,

prh

Can't anyone helps me?

prh

It will be easier if you can post a link to your website. See you around...

It will be easier if you can post a link to your website. See you around...

Okay, here it is: http://www.bildungsspiegel.de/component ... ny&limit=5

prh

Please add following css code in to override.css file located in templates/gk_templatename/css/override.css
and then enable css override from template settings > advanced settings > css override.

Code: Select all

#gkComponent ul li { margin-left: 5px; }
#article-index ul li a, #article-index ul li span, div.k2Pagination ul li a, div.k2Pagination ul li span, div.pagination ul li a, div.pagination ul li span { padding: 2px 8px;font-size: 12px; }


See you around...

Hi, Norman,

thank you, that's much better now.

What to do:
- The spaces between the buttons is too large.
- Show all buttons in one row.

Is it possible?

Best wishes,

prh

I ve already added that in previous css code perhaps we need to add !important to override it.

So use below code instead.

Code: Select all

#gkComponent ul li { margin-left: 5px!important; }
#article-index ul li a, #article-index ul li span, div.k2Pagination ul li a, div.k2Pagination ul li span, div.pagination ul li a, div.pagination ul li span { padding: 2px 8px;font-size: 12px; }


See you around...

Now it works very fine!

Thank you.

prh

No problem at all, see you around...

Hi, I again.

The page pagination is okay.

Unfortunately, now my previous problem with the Bullets is virulent again.

Please see:
"No Bullets" (https://www.gavick.com/forums/the-world ... 16818.html)

Please see these snippets:

Before the css changes:


After the css changes:


Now I need your help very much!

prh

Add or replace previous code with below code.

Code: Select all

.pagination ul li { margin-left: 5px!important; }
div.k2Pagination ul li a, div.k2Pagination ul li span, div.pagination ul li a, div.pagination ul li span { padding: 2px 8px;font-size: 12px; }


See you around...

Add or replace previous code with below code.

Where exactly is the new code to inserted?

prh

Replace my earlier css change in override.css which is below

Code: Select all

#gkComponent ul li { margin-left: 5px!important; }
#article-index ul li a, #article-index ul li span, div.k2Pagination ul li a, div.k2Pagination ul li span, div.pagination ul li a, div.pagination ul li span { padding: 2px 8px;font-size: 12px; }


With below css

Code: Select all

.pagination ul li { margin-left: 5px!important; }
#article-index ul li a, #article-index ul li span, div.k2Pagination ul li a, div.k2Pagination ul li span, div.pagination ul li a, div.pagination ul li span { padding: 2px 8px;font-size: 12px; }


Hope it is clear now, see you around

Hope it is clear now, see you around

Yes, now it's all clear

Thank you.

prh

No problem at all, see you around...

Hi,

My problem is that the page navigation buttons do not APPEAR in the page.

my url is http://www.chaniapolis.gr/index.php/en/health.html

joomla 2.5
zoo content manager


P.K

Thanks a lot.

@panteliskas

That is Zoo Component so you would have to ask them to add Pagination Style.

See you around...

Thanks a lot for your answer.

P.K