Web Hosting
Results 1 to 3 of 3
  1. #1
    Join Date
    Apr 2012
    Location
    Jakarta, Indonesia
    Posts
    4

    Unhappy Siteground j16-36 (Happy Flower) breaks Unordered Lists in Articles

    Hello,

    The template Siteground j16-36 (Happy Flower) breaks unordered lists in articles.

    In its template.css, there are the following lines:

    ul{list-style:none;}
    .cont li{display:inline;}

    The first one causes ALL unordered lists in all contexts (including in articles) to be displayed without bullets, while the second one causes list items in articles to be displayed inline (instead of as list-item).

    The second one seems fixable by putting it under .maincol context, as follows:

    .maincol .cont li{display:inline;}

    But the first one cannot be fixed easily. Simply removing the line would cause unordered lists on menus to have bullets (which looks bad). I believe the {list-style:none;} statement should be moved to its proper context (so it doesn't apply to ALL lists), but I can't seem to figure out where should that be.

    Ordered lists in articles are OK, but some of my articles really need unordered lists, which at the moment doesn't work (there are no bullets).

    Please advise.

    Regards,
    Permata Harahap (Perry)

  2. #2
    Join Date
    Apr 2012
    Location
    Jakarta, Indonesia
    Posts
    4

    Default

    Using the Web Inspector feature on my Safari browser, I finally found the correct context in order to override the CSS declaration to fix the unordered lists in articles.

    Add the following line to template.css:

    .item-page ul{list-style:disc outside none; margin-left:2.5em; margin-bottom:2em;}

    Default margin/padding for lists varies among browsers, but the above values should be pretty safe.

    Regards,
    Perry

  3. #3
    Join Date
    Apr 2012
    Location
    Jakarta, Indonesia
    Posts
    4

    Default

    Unfortunately the above line also applies to the actions icons (Print, Email). To fix this, add the following line to template.css:

    .item-page ul.actions{list-style:none; margin-left:0; margin-bottom:1em;}

    So, to sum up, to fix the missing unordered lists problem in j16-36 (Happy Flower) template:

    edit template.css:

    change
    .cont li{display:inline;}
    into
    .maincol .cont li{display:inline;}

    and add
    .item-page ul{list-style:disc outside none; margin-left:2.5em; margin-bottom:2em;}
    .item-page ul.actions{list-style:none; margin-left:0; margin-bottom:1em;}

    Rgds,
    Perry

Similar Threads

  1. Replies: 0
    Last Post: 09-27-2011, 07:24 AM
  2. Replies: 4
    Last Post: 07-28-2011, 10:10 AM
  3. Blue Flower Template PHP problem - siteground-j15-74
    By adamtate in forum Free Joomla Templates
    Replies: 2
    Last Post: 04-20-2011, 12:46 PM
  4. I'm Happy with Siteground
    By sharnon007 in forum Customers' experience and suggestions
    Replies: 0
    Last Post: 02-05-2010, 12:10 PM
  5. Are Are you happy with osCommerce on siteground?
    By pura_vida in forum Shopping Carts
    Replies: 4
    Last Post: 11-13-2007, 08:23 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •