Forums

WordPress › Support » Themes and Templates

[resolved] Bullets not showing up (19 posts)

  1. Emily Geizer
    Member
    Posted 2 years ago #

    How come my bullets are showing up on the edit pages but not on the published pages?

    What do I need to do to get them to appear?

  2. songdogtech
    Member
    Posted 2 years ago #

    Are you using the Visual or HTML editor? In the HTML editor, you have to code and
    <ul> and <li> in by hand. Editors are toggled in User profiles.

  3. songdogtech
    Member
    Posted 2 years ago #


  4. Emily Geizer
    Member
    Posted 2 years ago #

    In the HTML editor the code shows up correctly as <ul> and <li>, but then no bullets on the published piece.

  5. songdogtech
    Member
    Posted 2 years ago #

    Maybe your CSS is overriding them. Look in style.css and see if you have list-style:none; in any of your <ul>'s

  6. Emily Geizer
    Member
    Posted 2 years ago #

    I've scoured and have found similar code in the sidebar, but not for the body.

    I'm guessing this is border related, but let me know if not:

    `*/
    a img {border: none;}

    img {border: none;}

    ol, ul {
    list-style: none;
    }

    body {
    font-size: 12px;
    font-family: 'Arial', Verdana, Sans-Serif;
    background-image: url(images/bg.jpg);
    color: #666666;
    margin: 0;
    padding: 0;
    text-align:center;

    `

    This is the Indore theme, btw.

    I appreciate your help. Please bear with me. I'm just dipping my toes into this code stuff.

  7. songdogtech
    Member
    Posted 2 years ago #

    Delete the list-style:none; in your ol, ul section. Then you should get a default bullet.

    This is good tutorial on lists with examples. from the W3 Schools

  8. Emily Geizer
    Member
    Posted 2 years ago #

    Thanks so much! I fixed the lack of bullets, but now I have bullets on the header menu Home About Contacts area. Now the CSS reads:

    */
a img {border: none;}

img {border: none;}

ol, ul {

}

body {
	font-size: 12px;
	font-family: 'Arial', Verdana, Sans-Serif;
	background-image: url(images/bg.jpg);
	color: #666666;
	margin: 0;
	padding: 0;
	text-align:center;

}

    How do I remove bullets from there?

    I'll check out the tutorials tomorrow. Taking a break from a family gathering right now to check this. Oops.

    Emily
    http://www.trianglebodytherapy.com

  9. Emily Geizer
    Member
    Posted 2 years ago #

    This issue is still not resolved, even after checking out the W3 Schools site.

    I have been working to change the CSS from overriding bullets on my text. I changed:

    `*/
    a img {border: none;}

    img {border: none;}

    ol, ul {
    list-style: none;
    }

    to:

    `*/
    a img {border: none;}

    img {border: none;}

    ol, ul {

    }`

    I have resolved the lack of quotes, but now they are everywhere!

    How do I remove the bullets from above my header picture w/ menu options:
    HOME CONTACT ABOUT pages, etc

    To see what I mean visit Triangle Body Therapy.

  10. Frumph
    Member
    Posted 2 years ago # 

    .menu ul { list-style: none; }
.menu ul li { list-style: none; }

    Basically if you 'view source' of your page you can find a class= or id= that is relevant to the area that you want to change, in this case its <ul class="menu"> which that ul and the li under it corresponds to.

    And list-style: none; means do not have any bullet list style attached to it.

  11. songdogtech
    Member
    Posted 2 years ago #

    Yup, use a class, like you need to with changing the one line of text size

    Time to learn CSS :)

  12. Emily Geizer
    Member
    Posted 2 years ago #

    O.K. not sure what this means yet.

    Fist things first, should I replace the code that I deleted?

    Then should I add the code that Frumph posted?

    And, what resource do you recommend for learning CSS? I've bought a handy HTML book: SAMS TEach Yourself HTML

    Thank you Songdogtech and Frumph for your time and help!

    Emily
    Triangle Body Therapy

  13. Mark / t31os
    Moderator
    Posted 2 years ago #

    This is setting list style to none pretty much globally...

    ol, ul {
list-style: none;
}

    If you remove that then other elements will naturally show their bullets, if no list-style has been set for them...

    Try..

    .menu { list-style: none; }
.menu li { list-style: none; }

    As Frumph pointed out before, just a small change to what he posted.

  14. Frumph
    Member
    Posted 2 years ago #

    yeah t31os_'s is better to use because it'll hit all the
    LI''s beneith even child pages created.

  15. Emily Geizer
    Member
    Posted 2 years ago #

    Thank you, thank you Frumph and t31os_ and Dogsongtech!

    I am so grateful you guys choose to help others in this way! It gives me some amount of comfort in jumping off this bridge (html/css bridge).

  16. songdogtech
    Member
    Posted 2 years ago #

    For learning CSS, w3schools.com has a very good online tutorial with interactive examples and sandboxes.

    And then set up your own WordPress sandbox with only the default theme and work with the CSS in it. Find a Mac, becuase PHP, MySql and Apache are set up by default and you can run WordPress locally and learn it that way.

  17. nolochemical
    Member
    Posted 2 years ago #

    Seem to be having the same issue.. With the no bullets appearing
    wp v2.8.3
    ff: 3.5.2
    ==========

    HTML
<div class='someclass'>
<ul>
<li>somehthing</li>
</ul>
</div>
CSS
.someclass li{
  list-style:disc; //clearly trying to force the default, after it not working
}

    Completely striped stylesheet. Any Ideas?. :(

  18. nolochemical
    Member
    Posted 2 years ago #

    Workaround, Cross-compatible dot. 

    & #149; unorder list fix

    ex..
    • unorder list fix

  19. Mark / t31os
    Moderator
    Posted 2 years ago #

    What?

    Disc is default, the point of this thread was to remove them, not add them.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags