[solved] Pagination CSS

More
8 years 10 months ago - 8 years 10 months ago #28286 by 4FootyFans
Hi

I wonder if you could suggest a reason and/or fix for the below display.

Thanks


Attachments:
Last edit: 8 years 10 months ago by nordmograph.

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #28291 by nordmograph
Hello

It's missing the .navigation css class.
Your template should have it defined.
Post a url if you need help

- Need help? Post the URL of the related page (eventualy as confidential info), it will help solve your issue faster.
- An error, notice or warning? report the exact message including the line number
- If you get a white page , enable error reporting and / or check your server error logs.

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago - 8 years 10 months ago #28293 by 4FootyFans
Hi

Thanks for quick reply.

Site is www.4footyfans.com

All products have tags.

I can fix if given instruction


Best
Last edit: 8 years 10 months ago by 4FootyFans. Reason: Additional info

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #28295 by nordmograph
Hi

You can try adding these to your template or to the Vm2Tags CSS
Code:
.pagination ul { box-shadow: none; } .pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul { padding-left: 0; } .pagination ul>li { display: inline; } .pagination ul > li:first-child > a, .pagination ul>li:first-child>span { border-left-width: 1px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .pagination ul > li > a, .pagination ul>li>span { float: left; padding: 4px 12px; line-height: 24px; text-decoration: none; background-color: #fff; border: 1px solid #eaeaea; border-left-width: 0; } .pagenav { padding: 3px 8px; margin: 0 4px; border: 1px solid #aaa; background-color: #fafafa; color: #808080; }

Hope it helps

- Need help? Post the URL of the related page (eventualy as confidential info), it will help solve your issue faster.
- An error, notice or warning? report the exact message including the line number
- If you get a white page , enable error reporting and / or check your server error logs.
The following user(s) said Thank You: 4FootyFans

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #28297 by 4FootyFans
Excellent, thank you!

I added the code to my template's custom.css file

Attachments:

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #28299 by nordmograph
Good news :)

- Need help? Post the URL of the related page (eventualy as confidential info), it will help solve your issue faster.
- An error, notice or warning? report the exact message including the line number
- If you get a white page , enable error reporting and / or check your server error logs.

Please Log in or Create an account to join the conversation.

Time to create page: 0.334 seconds
Powered by Kunena Forum
Disclaimer: Nordmograph is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.