made a theme – but can’t get bullets

  • Using another theme as an example, I customised the stylesheet and theme files to make my own design.

    However, I’ve got to the point where I want the sidebar to be a bullet list… however the CSS file does not have any reference to ul or li or lists.

    I have tried adding list-style-type:disc into the #sidebar { part of my stylesheet – but even with the div class=”sidebar” is specified I do not get bullet points.

    Is there other staff I should add under #sidebar in the style sheet?

    Kim

Viewing 8 replies - 1 through 8 (of 8 total)

  • “list-style-type” is used for <ul> and <ol> lists. In other words, you’d need to have:
    #sidebar ul li {
    list-style-type:disc;
    }
    to get it to work. Also, you mention div class=”sidebar”…if your CSS has #sidebar, then that should be div id=”sidebar”.

    Thread Starter km

    (@kmaisch)

    Hmm, still can’t get it working.
    I’m learning as I go here (haven’t had much CSS experience before).

    I have put this in the stylesheet:

    #sidebar ul li {
    list-style-type:circle;
    list-style-position:outside;
    }

    I take it this means that for the ID “sidebar” any
    ul or li tags will have the circle and outside characteristics?

    If my sidebar.php file has div id=”sidebar”, but later has div align=”left” – does that cancel out the div id=”sidebar” or does it fall inside it? (eg: do I need to keep putting a new div id=sidebar every time i have used another div tag? Or can I have div tags within div tags? (just depends wher ethe closing /div is)

    Anyway, with those entered in the CSS file I still can’t get the bullet points appearing.

    The website I am working on is https://www.emfacts.com/weblog/

    Kim

    Thread Starter km

    (@kmaisch)

    Found the problem I think.

    This was in the stylesheet:

    ul {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-left: 0px;

    I deleted that – and have got a little further now (it seems to have been overiding the #sidebar ul li)

    Kim

    Thread Starter km

    (@kmaisch)

    Ok, fixed the style sheet issue… so all of the above can be ignored, now!

    On the sidebar.php, the lists for the Categorys, Archives, Links, etc. are using this: [?php wp_list_cats(‘list=0’); ?] – how can I make that list come through with [li] and [/li] before and after each category? Do I have to hard code it somewhere, or can it be done through the sidebar.php or style sheet?

    Kim

    Thread Starter km

    (@kmaisch)

    anyone?

    Thread Starter km

    (@kmaisch)

    never mind – all fixed now! ??

    kmaisch,

    I would like to suggest that next time, if you have a new question that requires an answer that you start a new post for it. Thanks! ??

    wp_list_cats tag should help. I believe that the default is LI tags. You just can’t see them in the code. They show up in the generated HTML page.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘made a theme – but can’t get bullets’ is closed to new replies.