Need help? Check out our Support site, then


Font Size in Bullet Lists

  1. cosnconference
    Member

    Hello,

    I am using some CSS code (below) I found on these forums to make the font bigger on my Sight themed blog, as I am using this site as more of a webpage than a blog. It seem to be working pretty well but is not making the fonts in bulleted lists any bigger. When I highlight the bulleted text, it says "format" in the WYSISYG editor where the rest of the text says "Paragraph". The change to "paragraph" is not saved when I update the page. How do I make bulleted text the same size as the rest of the body, and bigger than the defaults? I hope that question makes sense and I look forward to your response.

    .entry-content p {
    font-size: 18px;
    }

    .entry-title {
    font-size: 6.4rem;
    }

    body {
    color: #B29D85;
    }

    .entry-title, .entry-title a {
    color: #be202b;
    }

    The blog I need help with is mhalpert.wordpress.com.

  2. I can't see your site because you have it set to private. The problem with grabbing css from somewhere else on the web is that the css for each theme is different. While targeting some common elements might work, most of the time other code isn't going to work.

    So if you know how to use your browser's inspector you can find the selectors for your list items and update the css rules.

    Or make your site public and I can take a look.

  3. cosnconference
    Member

    Thank you! I have made the site public again for the time being (just had it private as it is still very much a work in progress.) But if there is some better way to make the fonts larger across the board, that is ultimately what I am looking for.

    Thanks!

  4. Just to make sure, have you already tried using the font size options in the Appearance > Customize > Fonts section in your blog dashboard?

  5. If that doesn't work you could target those items with this.

    .entry-content p, .entry-content li, .entry-content dd, .entry-content dt, .entry-content pre, .entry-content address, .entry-content div, .entry-content kbd, .entry-content tt, .entry-content var {
    font-size: 18;
    }
  6. @designssimply There might be an error in the css for em font size. This is what I'm seeing in my inspector. Not sure if that is why the list items are so small. The em is missing after 1.2.

    media="all"
    .entry-content p, .entry-content li, .entry-content dd, .entry-content dt, .entry-content pre, .entry-content address, .entry-content div, .entry-content kbd, .entry-content tt, .entry-content var {
    color: #262626;
    font-size: 12px;
    font-size: 1.2;
    line-height: 1.75;
    }

    It is either em or rem on line 4234.

  7. Thanks for the note @mrdirby! I think the missing "rem" should be fixed, so I reported it, but I don't think it's the cause of the small list sizes.

    The small list size is actually the normal font size as setup by the theme (12px), and the CSS snippet you included above with the ".entry-content li" part will update the list font size to match the paragraph font size.

  8. My first bug (ish) found and squashed!

  9. haha, not squashed yet! (but should be soon) :)

  10. Hey! I just wanted to report back that the "rem" that was missing from the Sight theme stylesheet has been fixed.

    @designsimply There might be an error in the css for em font size. This is what I'm seeing in my inspector. Not sure if that is why the list items are so small. The em is missing after 1.2.

    Thanks for reporting that @mrdirby! You may consider the bug squashed now. :)

  11. Awesome. High five.

  12. *highfive*!

Topic Closed

This topic has been closed to new replies.

About this Topic