Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] List Issue

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #29538

    Greetings all,

    I’ve been troubleshooting a list issue for a new template I’m test driving in my sandbox. Essentially, it doesn’t add the bullets despite me adding list-style: disc !important!; list-style-type: disc !important; to the css elements in question.

    The template I’m using has several css files. I’ve narrowed it down to these 3 (combined) causing the issue. I’ve attempted to add the above coding within those files to various elements without success.

    The 3 in question are: joomla.css, layout.css, template.css

    Here are two links where the issue can be seen:

    http://sandbox-movie.eyecrave.net/theat … m/kick-ass
    http://sandbox-movie.eyecrave.net/home- … apocalypse

    Any suggestions, or guidance would be greatly appreciated.

    *update– turns out that layout.css isn’t affecting it all. It’s just joomla.css and template.css that are stripping the bullets.

    Thank you,

    Shane

    #79217
    TheDoc
    Member

    Your list style is currently "outside" – and for whatever reason it isn’t showing. You need to add this:

    list-style-position: inside;

    #79222
    TheDoc
    Member

    Also, you are suffering from some pretty intense divitis here!

    [img]http://grab.by/grabs/5b0fe7482ec43dc0aa637182ef9edab6.png[/img]

    #79229

    Thanks for the reply doc. I added what you suggested the indents appeared this link: http://sandbox-movie.eyecrave.net/theat … m/kick-ass, but still not discs. As for the other link – it did not impact it at all.

    Here’s the code I manipulated in template.css

    Code:
    .column p,

    .column pre,

    .column blockquote,

    .column ol,

    .column ul{margin:10px 0; padding:0
    list-style-position: inside; list-style-type: disc; }

    and in the joomla.css

    Code:
    .column ul li { overflow: hidden;
    list-style-position: inside; list-style-type: disc; }

    As for the bad case of DIVitis – I didn’t do the design, but am test driving it to see if it’ll fit the official site. I’ll pass on the info the designer.

    #77710
    TheDoc
    Member

    I’m assuming you figured it out as I can see discs and indents everywhere now.

    #79253

    Yup, I figured it out (sorta). I just need to add the padding or margin in the article view now. It defaults to the left. I figured it out just before I crawled into bed.

    Thanks for your help.

    #79331
    cury
    Member

    Thanks, everyone i got some help..thanks again..

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.