• On the website https://www.sportcentrumpleizier.nl we are using a few widgets on the homepage. However, it is not possible to create bullet points in this widget by using HTML. If I use <ul> and <li> it won’t give any bullet points at all. I know I have to make a few changes in the style.css, but my knowledge of codes isn’t sufficient enough for this. What do I have to do?

    Hope you can help me!

Viewing 3 replies - 1 through 3 (of 3 total)
  • This is a really good way to learn CSS.
    Use this plugin for Firefox to help you understand css:

    Once installed into Firefox. Inspect the code in the front end of your website by placing the cursor on the line of text in the widget, right clicking and press inspect element with firebug. Then once the firebug window opens point at the code <ul>
    On the right window you will see the css for that code. something like:

    .widget ul, .widget ol {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    You need to change this to something like:

    .widget ul, .widget ol {
        list-style-type: disc;
        margin: 0;
        padding: 0;
    }

    To do this you need to create a child theme and change your style sheet accordingly. See:

    Feel free to get back to me.

    Good luck!

    The code you put into the widget would be something like this:

    <ul>
      <li>line 01</li>
      <li>line 02</li>
      <li>line 03</li>
    </ul>

    RvRijn I have just noticed my 2 links have been removed from the post, so here they are:

    The plugin is Firebug which is installed into the browser Firefox.
    Firebug

    Here is the documentation on child themes, which is the best way to edit a template:
    Codex child themes

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I get bullets in my widget’ is closed to new replies.