Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Ordered List <Ol> Html Tags Dont Work On Any Html Content Pages Rate Topic   - - - - -

 
  • jacson
  • Advanced Member
  • Members
  • Join Date: 03-Aug 12
  • 74 posts

Posted 02 February 2014 - 12:12 AM #1

Hi All - this may seem minor, but its a real issue with me because I have so many content pages of my own HTML. One thing great about CS Cart if you want to create pages you can just paste any HTML (div, table, whatever) into a content page and it all works great. But one very weird thing, the ordered lists tag
<ol>
does not work.

Because I have so many HTML content pages with tons of bulleted lists I need the ordered (numbered) bullets to work.

I have messed with adding css to mystyles.css and messed with the reset.css file with no luck.

Has anyone got any ideas?

Thanks,

Jacson

 
  • Scott_C
  • Senior Member
  • Members
  • Join Date: 23-Jun 11
  • 452 posts

Posted 02 February 2014 - 01:01 AM #2

Its possible that <ol> has been set to have no decoration for formatting in one of the css files, probably; base.css See if you can find it there.

 
  • StellarBytes
  • Senior Member
  • Members
  • Join Date: 08-Aug 11
  • 1807 posts

Posted 02 February 2014 - 01:51 AM #3

Assuming "mystyles.css" you mention refers to the my_changes method of adding extra CSS, you'll find <ol> has no CSS list-style-type declaration in any of the CSS files (although it does have only a padding attribute in base.css). so try this in mystyles.css:-

ol > li {
	list-style-type: decimal-leading-zero;
}

Hire StellarBytes for CS-Cart Design & Development Services

 
  • jacson
  • Advanced Member
  • Members
  • Join Date: 03-Aug 12
  • 74 posts

Posted 02 February 2014 - 05:11 PM #4

Thank you for the replies! You're correct! Here is the solution from CS Cart:

Please let me note that standard CS-Cart has list-style-type: none set up for the li element, that is why it appears that way. In order to change it, open the design/themes/basic/css/base.css file of your CS-Cart installation and change this part of code:
li {    margin: 0;    padding: 2px 0;    text-align: left;    text-indent: 0;    list-style-type: none;}


to this:
li {    margin: 0;    padding: 2px 0;    text-align: left;    text-indent: 0;    /*list-style-type: none;*/}


 
  • jacson
  • Advanced Member
  • Members
  • Join Date: 03-Aug 12
  • 74 posts

Posted 02 February 2014 - 05:19 PM #5

Tested Stellarbytes method too, that works, I like it better because then I don't mess with base.css, and its all neatly in mystyles.css, which, yes, is part of my_changes method. One last thing, a nested bullet does not change its size or shape, its the same as typical bullet although it indents. I would prefer that the nested bullet, or "bullet of a bullet" be the smaller or outlined "dot", but I am VERY happy to have solved this one!


Thank You!

 
  • Anaconda
  • Senior Member
  • Members
  • Join Date: 19-Sep 14
  • 151 posts

Posted 09 November 2014 - 09:56 AM #6

Thanks, was looking for this.

 
  • JackConnick
  • Senior Member
  • Trial users
  • Join Date: 03-Jun 12
  • 306 posts

Posted 09 November 2014 - 04:40 PM #7

We can get bullets and so forth to work fine in the "Description" field, but not in short description or other tabs,e tc. Will the above fix this?

Jack