Support Forum

  • Page:
  • 1
  • 2

jTweets amazingly persistent bullet

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I don't seem to be able to remove the bullet point from my installation of (the incredibly cool) jTweets 1.5 at [url=http://http://www.genealogybookshop.co.uk/contact/twitter.html]http://www.genealogybookshop.co.uk/contact/twitter.html[/url]. jTweet.css seems to be loading ok and i have tried adding list-style-type: none; everywhere I can think of, but to no avail. Please help.
  • generationx's Avatar
  • generationx
  • Free Extensions
  • 2 posts
  • Karma: 0
The administrator has disabled public write access.
Hey there,

It is a background image applied by your template.

Look in the template.css file for this style

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

Cheers,
Jason.
  • Jason D's Avatar
  • Jason D
  • 6 Month Developer
  • 2957 posts
  • 12 Thanks
  • Karma: 75
The administrator has disabled public write access.
Thanks for the speedy reply. Sorry it's taken me so long to implement the fix.

I am using the JA Purity II template, and adding the following code to jTweet.css did the trick:
.column ul.tweet_list li {
	background: none;
	line-height: 160%;
	margin-bottom: 5px;
	overflow: hidden;
	padding-left: 30px;
}
  • generationx's Avatar
  • generationx
  • Free Extensions
  • 2 posts
  • Karma: 0
The administrator has disabled public write access.
Cool thanks for getting back to us. Looks like you just needed to be more specific with the selector.

Cheers Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
I am having this same problem using JA Purity. chrisbaker.ca/blog

I tired the listed fix in jTweet.css but it doesn't seem to be working.

Also tried
ul.tweet_list {
padding: 0;
list-style-type: none;
}
ul.tweet_list li {
list-style-type: none;
text-align: left;
background: none;
list-style-type: none;
}

Any ideas, I'm kind of fumbling around in the dark :unsure:
  • chris_baker's Avatar
  • chris_baker
  • Free Extensions
  • 9 posts
  • Karma: 0
Last Edit: 13 years 6 months ago by chris_baker.
The administrator has disabled public write access.
The fix posted by generationx is for jTweet.css not .js

;)
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.
Seth wrote:
The fix posted by generationx is for jTweet.css not .js

;)

That's what I meant to type. I was up late trying to fix this.... B)

To clarify, I did make the changes to jTweet.css not .js

Any ideas how to edit the css to fix this?
  • chris_baker's Avatar
  • chris_baker
  • Free Extensions
  • 9 posts
  • Karma: 0
The administrator has disabled public write access.
OK, well seeing as you do not seem to be using the bullet elsewhere (on that page at least), the easy way is just to remove this rule in template.css (line 1289):

#ja-col1 ul li, #ja-col2 ul li {background:url("../images/bullet.gif") no-repeat scroll 5px 50% transparent;
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.
I removed #ja-col2 and it worked. col1 on the left does use the bullets. thanks for the help! :)
  • chris_baker's Avatar
  • chris_baker
  • Free Extensions
  • 9 posts
  • Karma: 0
Last Edit: 13 years 6 months ago by chris_baker.
The administrator has disabled public write access.
B) Thanks for letting us know Chris
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.
generationx wrote:
Thanks for the speedy reply. Sorry it's taken me so long to implement the fix.

I am using the JA Purity II template, and adding the following code to jTweet.css did the trick:
.column ul.tweet_list li {
	background: none;
	line-height: 160%;
	margin-bottom: 5px;
	overflow: hidden;
	padding-left: 30px;
}

Hello,

This actually worked, however, only on the top page.

I also use this module on the inner pages but the fix doesn't apply to them.

I'd appreciate any help.

Thanks!
  • sushismb's Avatar
  • sushismb
  • Free Extensions
  • 13 posts
  • Karma: 0
The administrator has disabled public write access.
Hello,

Any help?
  • sushismb's Avatar
  • sushismb
  • Free Extensions
  • 13 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Can you post a link?

Sometimes you may need to target the markup more specifically depending on the template.

Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hello Anthony,

Thank you for your response.

Unfortunately, I'm working on the site offline. Probably I'll come back to this thread when I have it uploaded live.

Thank you!
  • sushismb's Avatar
  • sushismb
  • Free Extensions
  • 13 posts
  • Karma: 0
The administrator has disabled public write access.
Cool let us know when you have something to look at.

Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hello Anthony,

Here is the link to the problem.

coco.ph/index.php

I hope you could help.

Thanks!
  • sushismb's Avatar
  • sushismb
  • Free Extensions
  • 13 posts
  • Karma: 0
The administrator has disabled public write access.
You will have to disable the right-click protection script you have, as it means I can't use Firebug to identify the css responsible....
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.
Hello,

I temporarily disabled the ant-right click feature.

I hope you could check again.

Thank you!
  • sushismb's Avatar
  • sushismb
  • Free Extensions
  • 13 posts
  • Karma: 0
The administrator has disabled public write access.
This line in your templates code is adding a bullet image to each item:

.ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li {background: url("/templates/ja_teline_iv/images/bullet.gif") no-repeat scroll 20px 6px transparent;line-height: 1.4;}

You could remove that rule or delete the image. Probably best to remove that rule or override it if you are using it elsewhere. This should work:

.tweet .tweet_list li {background: none}
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.
Hi Seth,

Thanks for your help!

I understood the first part about either removing or overiding the portion.

i didn't understand => .tweet .tweet_list li {background: none}

Is there anywhere I can place that code into a file?
  • sushismb's Avatar
  • sushismb
  • Free Extensions
  • 13 posts
  • Karma: 0
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers