Bullet points not showing in widget area

  • Hi

    I want to use bullet points within the text in the widget area under the featured are on this page.
    https://www.child-matters.co.uk/

    I have included them within the code but cannot get them to show – for example the first column html code is this…

    ———————————————-

    <td width="207"><p>Practical courses designed to prepare parents, grandparents, siblings, carers, babysitters and anyone caring for children.</p>
      <ul type="disc">
        <li>2-3 hours </li>
        <li>Morning/Afternoon/Evening</li>
        <li>Small groups and tailor made      courses</li>
        <li>Covers all aspects of Basic      Life Support and First Aid for babies and small children</li>
        <li>Practical hands-on experience </li>
        <li>Informal relaxed teaching      styles delivered by Paediatric Professionals</li>
        <li>Handouts, First Aid Manual and      Certificates to keep</li>
        <li>Suitable for ante/post natal      groups, parents and carers classes at home</li>
        <li>Why not host a course as a fundraising      event for schools and nurseries?</li>
      </ul>
 <p style="font-size:18px; color:#F00;"><strong> <a href="https://www.child-matters.co.uk/courses/parent-courses/">READ MORE...</a></strong></p></td>

    ———————————————-

    I think it may be a bit of code that needs adding to the css but am not sure what.

    Can any one point me in the right direction?

    Thanks
    Harriet

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

  • Hi,

    Yes, the ‘#home-middle ul, #home-bottom ul‘ CSS rule sets the bullet points type to ‘none’.

    Instead of using this as static HTML directive :
    <ul type="disc">
    just use this as static HTML/CSS rule :
    <ul style="list-style-type:disc;>

    Thread Starter harriet.bishop

    (@harrietbishop)

    That doesn’t seem to have worked. Do I need to add anything to the css for it?

    OK…
    Sorry.
    Revert the changes you made in the template.
    Just put <ul>

    Now, edit the file style.css and go to :

    #home-middle ul li, #home-bottom ul li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0px;
	}

    Then, replace :
    list-style-type: none;
    by
    list-style-type: disc;

    Looks like that’s being overridden by this CSS:

    #home-middle ul li, #home-bottom ul li {
    list-style-type: none;
    margin: 0 0 5px;
    padding: 0;
}

    If you change the above external CSS, it solves the problem – you don’t need the inline CSS you added per the above. Using inline CSS is not recommended except in very limited situations.

    Thread Starter harriet.bishop

    (@harrietbishop)

    Still no luck :S
    https://www.child-matters.co.uk/

    You have do not changed anything… I’m still seeing :

    #home-middle ul li, #home-bottom ul li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0px;
	}

    on line 2768

    See here what I did for this to works :
    https://www.monsterup.com/upload/1358783647142.png

    Also, remove style="list-style-type:disc;" from the code below :

    <ul style="list-style-type:disc;">
<li>2-3 hours </li>
<li>Morning/Afternoon/Evening</li>
...

    Then edit the file style.css (https://www.child-matters.co.uk/wp-content/themes/enterprise/style.css), go to line 2768 and paste this :

    #home-middle ul li, #home-bottom ul li {
	list-style-type: disc;
	margin: 0 0 5px 0;
	padding: 0px;
	}
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Bullet points not showing in widget area’ is closed to new replies.