General

CSS to display lists

  • jsopdebeeckjsopdebeeck
    My question (I’m not a web coder) , is there any way to activate the .li .ol and .ul css tags back ?
    I know I can use "Custom CSS" , but what to fill in that box .

    I tried :

    .entry li { padding-bottom: 10px; }

    But big fail.
    Kind regards.


    Jean-sebastien
  • JoshuaJoshuaAdmin
    Hi jean-sebastien,

    I'll help you out with that line. I just need to know specifically what about the list you want to change. For example, do you just want standard bullet points for this list or something else?

    Joshua
  • jsopdebeeckjsopdebeeck
    Hi Joshua

    Thanks for the reply.
    No 'specific' feature needed. Just the fact when I use bullets or numbered list into the Worpress editor it produce bullets or numbers in front of the line. (at least for and
      tags).like that
    1. Num text
    2. Num text
    3. Num text

    • Bullet text
    • Bullet text
    • Bullet text


    Kind regards.

    Js
  • JoshuaJoshuaAdmin
    Add this to your Custom CSS:

    ul { list-style: disc; }
    ol { list-style: numeric; }

    Let me know if you have any questions.
  • jsopdebeeckjsopdebeeck
    Perfect , you give me the way to solve the issue (typo and format)

    It works with
    ul { list-style-type:circle; }
    ol { list-style-type:numeric; }

    Thanks.
  • JoshuaJoshuaAdmin
    list-style is actually controls list-style-type and a number of other elements so the former actually gives you a little more control over the list. Both ways should work (tested on our server), but list-style will let you control more elements of the list.
  • JeroenJeroen
    Hello,

    I also used

    ul { list-style: disc; }
    ol { list-style: numeric; }

    To get bulleted text in one of my tabs, and it solves the problem of not getting bullets there,. However this also puts bullets in front of other elements, such as the categories in the portfolio, the social icons in the team page, etc.

    Can we prevent that from happening?

    Thank you in advance,

    Kind Regards,

    Jeroen
  • JoshuaJoshuaAdmin
    Give your list a class and then modify your CSS accordingly. So when you write the list in HTML it should start like this:
    <ul class="mylist">

    Then your CSS would look like this:
    .mylist { list-style: disc; }
  • JeroenJeroen
    That solved it! Excellent support, fast and accurate. Good job!
Add a Comment

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Apply for Membership

Categories

Tagged