How to get rid of bullets in pagination?

[Fran M.]

Hi,
I want to get rid of the <li> bullets at the frontend pagination. I
have added this code in the "default.php" template of the view:
<style type="text/css">
ul{
margin: 0 auto;
padding: 0;
list-style: none;
}

ul li {
text-align: left;
float: left;
padding: 3px 10px 3px 10px;
margin: 5px;
border: 1px solid #000;
display: inline;
list-style: none;
}
</style>

But it does not remove the bullets. It displays paginations inline but
not remove bullets.
Any idea?
Thanks

[Francesco Mulassano Gmail]

is 'list-style-type:none'
try.

[Akhtar ali]

use for
list-style-type:none;

is 'list-style-type:none'
try.

--
You received this message because you are subscribed to the Google Groups "Joomla! General Development" group.
To post to this group, send an email to joomla-dev-general@googlegroups.com.
To unsubscribe from this group, send email to joomla-dev-general+unsub...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/joomla-dev-general?hl=en-GB.

--
Akhtar Ali

[Fran M.]

I am affraid it does not work. Maybe I need to override an existing
CSS style, but I dont know how to fix it. :(
Anybody has solved this?

> > To post to this group, send an email to joomla-dev-general@**
> > googlegroups.com <joomla-de...@googlegroups.com>.
> > To unsubscribe from this group, send email to joomla-dev-general+**
> > unsub...@googlegroups.com<joomla-dev-general%2Bunsubscribe@googlegroups. com>
> > .
> > For more options, visit this group athttp://groups.google.com/**
> > group/joomla-dev-general?hl=**en-GB<http://groups.google.com/group/joomla-dev-general?hl=en-GB>
> > .
>
> --
> *Akhtar Ali*

[Fran M.]

The HTML pagination code generated by Joomla is this:

<ul><li class="pagination-start"><span class="pagenav">Start</span></
li><li class="pagination-prev"><span class="pagenav">Prev</span></
li><li><span class="pagenav">1</span></li><li><a title="2"
href="mysite&start=20" class="pagenav">2</a></li><li class="pagination-
next"><a title="Next" href="mysite&start=20" class="pagenav">Next</a></
li><li class="pagination-end"><a title="End" href="mysite&start=20"
class="pagenav">End</a></li></ul>

Any idea how to override the CSS to get rid of the <li> bullets?
Thanks

[Alan Hartless]

You need to find the CSS file your template is using and try adding to the bottom

ul li {

    list-style-type: none !important;

}

If you want it to only apply to your pagination, find the class name of the  element surrounding the pagination and add it prior to the above. For example, if it is surrounded with a div with the class name pagination, do

div.pagination ul li {

...

Thanks,

Alan

To post to this group, send an email to joomla-de...@googlegroups.com.
To unsubscribe from this group, send email to joomla-dev-gene...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/joomla-dev-general?hl=en-GB.

[Matt Thomas]

It is very likely that whatever template you are using is adding the bullets. As such, the solution may be specific to that template and your site.

Best,

Matt

Sent from my phone that uses an open source operating system.

To post to this group, send an email to joomla-de...@googlegroups.com.
To unsubscribe from this group, send email to joomla-dev-gene...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/joomla-dev-general?hl=en-GB.