Bullet Points don't work in Virtue Theme

  • Resolved chaosandtravel

    (@chaosandtravel)


    9 years, 1 month ago

    I’ve recently tried using bullet points on my home Page but when I publish the page the Bullets disappear and the Writing is just left a little indented.

    I’ve read a couple of other support articles (not about the Virtue theme) that said it’s something to do with padding on a page, could that be the cause?

Viewing 13 replies - 1 through 13 (of 13 total)
  • hannah

    (@hannahritner)

    9 years, 1 month ago

    Hey, do you mind posting a link?

    Hannah

    Thread Starter chaosandtravel

    (@chaosandtravel)

    9 years, 1 month ago

    http://chaosandtravel.com/ Sorry here is the link. You can see on the home page the first bit of text has 3 bullet points that I wanted to insert but instead it is just indented.

    CrouchingBruin

    (@crouchingbruin)

    9 years, 1 month ago

    In your custom CSS, you have this rule:

    li {
   display:inline
}

    Not sure why you added this, but try taking this rule out.

    Thread Starter chaosandtravel

    (@chaosandtravel)

    9 years, 1 month ago

    Great, that worked. I can’t remeber why I added that either, as you might have guessed I’m not a professional at editing the code. 🙂

    CrouchingBruin

    (@crouchingbruin)

    9 years, 1 month ago

    OK, great. If it turns out that taking out that rule has some sort of adverse effect on some other part of the site, come back with a follow-up post and we’ll see if we can make the rule a little more specific so it doesn’t affect the normal bullet lists.

    Thread Starter chaosandtravel

    (@chaosandtravel)

    9 years, 1 month ago

    Thanks, so far all is good everywhere else. However in relation to the bullet points is there anyway of universally setting a bigger left indent for bullet points?

    CrouchingBruin

    (@crouchingbruin)

    9 years, 1 month ago

    Add to your custom CSS:

    li {
    margin-left: 25px;
}

    Adjust the value as desired.

    Thread Starter chaosandtravel

    (@chaosandtravel)

    9 years, 1 month ago

    Thanks again, but unfortunately I can’t use that code as I tested it and it moves my home page slider and menu left as well. Any other suggestions?

    hannah

    (@hannahritner)

    9 years, 1 month ago

    chaosandtravel,
    I just tested your site on three different browsers and I’m seeing the bullet points on each. Did you fix this?

    Hannah

    CrouchingBruin

    (@crouchingbruin)

    9 years, 1 month ago

    Make the following modification:

    .hentry li {
    margin-left: 25px;
}

    This should only affect list items in the body of your post/page content.

    Thread Starter chaosandtravel

    (@chaosandtravel)

    9 years, 1 month ago

    Hannah, thanks for your response, CrouchingBruin helped me with the issue and the bullet points are back.

    CrouchingBruin – your code didn’t change anything. 🙁

    CrouchingBruin

    (@crouchingbruin)

    9 years, 1 month ago

    Sorry, I assumed the content was one big post. Change to this instead:

    .main li {
    margin-left: 25px;
}

    Thread Starter chaosandtravel

    (@chaosandtravel)

    9 years, 1 month ago

    Perfect, works fine thanks for your help. 🙂

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Bullet Points don't work in Virtue Theme’ is closed to new replies.