Creating a Pagination code in override.css - PROs needed! :)

Please read the next response below, thank you.
-----------------------------------------------------------------------------------------------------------

Hi,

Unfortunately, the pagination on the front page is not centered (see the pic below) and i can't find its css seems like no coding has been done for it in css files. So how I add a pagination code into override.css any ideas please?

The frontpage files are in ../templates/gk_mystore/html/com_content/frontpage/, but no css files around already.

I was also wondering if Gavick pro programmers may write small notes "what is where" in css files? It'd be super easier for some of us to find what we need. 'Cos I prefer not bothering you guys...

Thank you all. Appreciated.

Regards,

P.S. (I don't put the website name here on purpose 'cos i'll show you all when it's done within the next few days)

Mods and admins know the website, and admin panel info.

If your confused, please see the previous topic that's related to this one.
90-mystore/81600-css-for-add-to-cart-button-g-lessons-for-dealing-with-front-page.html#81732

capture_2011-04-20-5.PNG

After hours, I found it in joomla.css but...

/*
* Pagination
*/
ul.pagination { margin: 10px 0; padding: 3px 0; }
ul.pagination li { background-image: none!important; display: inline; margin: 2px 5px; overflow: hidden; background: #fff; border: 1px solid #eee; color:#999; font-size:90%; font-weight:bold; padding: 2px!important; cursor: pointer }
ul.pagination li span,
ul.pagination a { padding: 2px 8px; }
ul.pagination li:hover,
ul.pagination li:hover a,
ul.pagination span:hover { background:#CF052B; border-color: #bf0225; color: #fff }

However, I can't make the margin auto, it doesn't work for some reason, so I made it like ul.pagination { margin: 10px 125px; padding: 3px 0; } and here is the result below. Hope this helps someone else in future. How would you correct the margin above? Thanks indeed!

Regards,

Capture_2011-04-21.PNG

Previous but related post to this one: 90-mystore/81600-css-for-add-to-cart-button-g-lessons-for-dealing-with-front-page.html#81600

Hi

margin:auto do not work when the element it float:left (or right). Please see what it will looks like when You will remove this attribute.