WordPress.org

Ready to get started?Download WordPress

Forums

Bullet points not showing in widget area (7 posts)

  1. harriet.bishop
    Member
    Posted 1 year ago #

    Hi

    I want to use bullet points within the text in the widget area under the featured are on this page.
    http://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="http://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

  2. riversatile
    Member
    Posted 1 year ago #

    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;>

  3. harriet.bishop
    Member
    Posted 1 year ago #

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

  4. riversatile
    Member
    Posted 1 year ago #

    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;

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  6. harriet.bishop
    Member
    Posted 1 year ago #

  7. riversatile
    Member
    Posted 1 year ago #

    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 :
    http://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 (http://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;
    	}

Topic Closed

This topic has been closed to new replies.

About this Topic