Fubar Bullets (already read all the others) Topic is solved

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
TheINIC
Joomla! Intern
Joomla! Intern
Posts: 92
Joined: Thu Feb 17, 2011 5:27 am
Location: Earth - but that too is temporary.
Contact:

Fubar Bullets (already read all the others)

Post by TheINIC » Wed Aug 14, 2019 9:51 pm

Thanks for reading:

ISSUE:

The template I bought is fubar when it comes to BULLETS (I DID search and couldn't find the answer)

PROBLEM:

Bullets didn't show up on JCE/TinneMCE or front end.
Devs tweaked it, but didn't test it and it's worse with Bullets than without. But client needs them...

Here is the code snipped from template.css

Code: Select all

ul,
ol {
  padding: 0;
  margin: 0 0 9px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 18px;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px;
}
QUESTION:
What should I be doing to make Bullets work like they should?

* I already searched the internet and answer are too old or don't apply.
** I cannot give you a URL because the site has not propagated. It's a rebuild and old one is still showing.

~ti~
Official Head Computer Whisperer(Someone had to do it.)

User avatar
sozzled
Joomla! Exemplar
Joomla! Exemplar
Posts: 7995
Joined: Sun Jul 05, 2009 3:30 am
Location: Canberra, Australia
Contact:

Re: Fubar Bullets (already read all the others)

Post by sozzled » Wed Aug 14, 2019 9:57 pm

Suggest you search for how to display bullets with CSS, for example: https://www.w3schools.com/css/css_list.asp

You have defined "list-style: none" which translates to "do not display bullets", that's why.

WYSIWYG editors (like JCE or TinyMCE) often do not render their content as "what you see when you're editing is what you actually get when the template renders the saved content in a visitor's web browser. OK?
https://www.kuneze.com/blog
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?” :)

TheINIC
Joomla! Intern
Joomla! Intern
Posts: 92
Joined: Thu Feb 17, 2011 5:27 am
Location: Earth - but that too is temporary.
Contact:

Re: Fubar Bullets (already read all the others)

Post by TheINIC » Wed Aug 14, 2019 10:08 pm

sozzled wrote:
Wed Aug 14, 2019 9:57 pm
Suggest you search for how to display bullets with CSS, for example: https://www.w3schools.com/css/css_list.asp

You have defined "list-style: none" which translates to "do not display bullets", that's why.
OK. You didn't read the whole thing. Thanks any way.
Official Head Computer Whisperer(Someone had to do it.)

User avatar
sozzled
Joomla! Exemplar
Joomla! Exemplar
Posts: 7995
Joined: Sun Jul 05, 2009 3:30 am
Location: Canberra, Australia
Contact:

Re: Fubar Bullets (already read all the others)

Post by sozzled » Wed Aug 14, 2019 10:33 pm

What part of "the whole thing" did I overlook?

I repeat: "WYSIWYG editors (like JCE or TinyMCE) often do not render their content as 'what you see when you're editing is what you actually get' when the template renders the saved content in a visitor's web browser." OK?
https://www.kuneze.com/blog
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?” :)

TheINIC
Joomla! Intern
Joomla! Intern
Posts: 92
Joined: Thu Feb 17, 2011 5:27 am
Location: Earth - but that too is temporary.
Contact:

Re: Fubar Bullets (already read all the others)

Post by TheINIC » Wed Aug 14, 2019 11:09 pm

sozzled wrote:
Wed Aug 14, 2019 10:33 pm
What part of "the whole thing" did I overlook?

I repeat: "WYSIWYG editors (like JCE or TinyMCE) often do not render their content as 'what you see when you're editing is what you actually get' when the template renders the saved content in a visitor's web browser." OK?
I don't want to get trolled into a who said what P'ing match. Thanks any way. OK? That, or you missed the point in my question.

In case some else reads this stuff,
  • Dloaded a template
  • installed template - no issues. (may I link to the devs demo page?)
  • I noticed that the default text where it was supposed to have bullets, didn't. The text was indented, but no bullets.
  • Template Dev said they fixed it
  • The only fixed some of it.
  • OL list has bullets and indented properly, with very little spaces between the lines.
  • UL list shows number but indents further from left margin than UL AND, have line spaces at about 1.5 height of font. OL has no real line space.
Articles display bullets in a semi-reasonable fashion (well, sort of) but other areas, the bullet is at far left of page, the text further afield. See screen caps

Help in properly editing the CSS file would be appreciated immensely.

~
You do not have the required permissions to view the files attached to this post.
Official Head Computer Whisperer(Someone had to do it.)

User avatar
sozzled
Joomla! Exemplar
Joomla! Exemplar
Posts: 7995
Joined: Sun Jul 05, 2009 3:30 am
Location: Canberra, Australia
Contact:

Re: Fubar Bullets (already read all the others)

Post by sozzled » Thu Aug 15, 2019 7:11 am

I think I misunderstood your question. I thought you were asking about why bullets may be appearing (or not) when editing an article with a WYSIWYG editor (e.g. JCE or TinyMCE). I don't think that's what you were asking about.

Looking at the screen captures that you posted, I think we're talking about how bulleted lists are displayed by the template that you're using.

I can't help people with CSS just by looking at screenshots. To determine the cause of the problem one needs to use developer tools built into a browser when one is examining the website. As much as I'm trying to help, I can't because I don't know the website in question, the template that's being used, or the CSS styles in effect on it. Sorry.
https://www.kuneze.com/blog
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?” :)

TheINIC
Joomla! Intern
Joomla! Intern
Posts: 92
Joined: Thu Feb 17, 2011 5:27 am
Location: Earth - but that too is temporary.
Contact:

Re: Fubar Bullets (already read all the others)

Post by TheINIC » Tue Oct 08, 2019 4:32 pm

Sorry for late response. I tossed out the template, wrote it off as another paper weight, and am glad I did.

Thanks for the replies anyway. Your answers may help others too. Kudos


The iNiC
Official Head Computer Whisperer(Someone had to do it.)

diaz365
Joomla! Apprentice
Joomla! Apprentice
Posts: 22
Joined: Thu Oct 03, 2019 3:41 pm
Contact:

Re: Fubar Bullets (already read all the others)

Post by diaz365 » Wed Oct 16, 2019 7:33 pm

I'm not sure in the chain of styles.
"list-style-type: none;" <-------------------------that get bullets out.

Code: Select all

ul.nav-child unstyled small li, ul{
	 	display: inline;
		list-style-type: none;
}

this is the full module:

Code: Select all

/*********************** mod_menu ***************************/
/*\modules\mod_menu\tmpl\default_url.php*/

/*\modules\mod_menu\tmpl\default_component.php*/
span.image-title{}/* all use the same image-title call class "image-title"*/

/*\modules\mod_menu\tmpl\default_separator.php*/
span.separator{}


/*\modules\mod_menu\tmpl\default_heading.php*/
span.nav-header{}


/*\modules\mod_menu\tmpl\default.php*/
ul.nav menu mod-list{}



ul.nav-child unstyled small li, ul{
	 	display: inline;
		list-style-type: none;
}


TheINIC
Joomla! Intern
Joomla! Intern
Posts: 92
Joined: Thu Feb 17, 2011 5:27 am
Location: Earth - but that too is temporary.
Contact:

Re: Fubar Bullets (already read all the others)

Post by TheINIC » Thu Oct 17, 2019 5:30 pm

diaz365 wrote:
Wed Oct 16, 2019 7:33 pm
I'm not sure in the chain of styles.
"list-style-type: none;" <-------------------------that get bullets out.

... etcetera
Thank you @diaz365. I passed this along to teammate gal who knows what it is, and will probably be able to know where, what and how to edit the broken template. It is something I dropped off the project already. I would never buy a new car, take it to a mechanic, ask him what's wrong and then fix the car. I'd buy a car I don't need to fix. :) It is the cost of doing business on the Internet.

I'm sure that anyone searching with a similar problem will find a answer here. Thank you again.

~ti~
Official Head Computer Whisperer(Someone had to do it.)


Post Reply

Return to “Templates for Joomla! 3.x”