Public Forums 71,145 posts

[bigfunlee Friend bigfunleeJoin date: March 2009Posts: 3Downloads:0Uploads:0]

#148412

I am having a real headache with a bullet point appearing in the article “Print” facility.

Example page :-

http://www.nyasite.com/clients/elcometernew/index.php?option=com_k2&view=item&id=75:elcometer-415-paint-and-powder-gauge&Itemid=239

I’m sure it’s something to do with line 96 of the template.css

background: url(../images/bullet.gif) no-repeat 20px 7px;

If I delete this line of code, it removes the bullet from behind the “Print” facility, which is what I want to do, but it also deletes any bullets within my article.

I’m a real newbie when it comes to css, so If anybody can help I would be very grateful if you could explain it as simply as posible.

Thanks in advance.
Lee:confused:

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#331959

Dear guy!

i found the problem as you said,

Because the main column is using “column” class which definded the LI tag having a image before the text, here is detail codes:

.column ul li {
background: url(../images/bullet.gif) no-repeat 20px 7px;
line-height: 160%;
margin-bottom: 5px;
overflow: hidden;
padding-left: 30px;
}

You would like to remove the image from the LI Tag in the content of article, so you must to make other rule using for override some attributes inside the “column ul li ” rule, and here is the solution:

.article-content ul li {
background: none !important
}

Good luck

[Author]

Posts