Bullet point font size always bigger than rest of post?

  • jmoney24

    (@jmoney24)


    8 years, 4 months ago

    Hi all,

    I recently finished putting together a post, but for some reason whenever I use the WordPress editor’s bullet points in the post, the font and size becomes different than the rest of the post.

    This has been driving me crazy! I’ve tried manually adjusting the font size with html parameters like “<font size=”6″>This is some text!</font>” but it never works, and it looks quite strange next to the post that’s in a different size.

    An example can be seen on my post here, if you CTRL + F the word “disengage” it take you exactly down to the list in question:

    I was wondering if anyone might know how to fix this, to get the font of the bullet point list same as the rest of the post? Any help would be much appreciated.
    Thanks so much!

    Best,
    Jesse

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    8 years, 4 months ago

    Hi Jesse!

    Have you tried using your browser’s developer tools to inspect what could be causing this? It sounds like your CSS targeting may be causing some conflicts between elements. Sizing text is not a fun thing when that happens either. Using mixed units of measurements could cause you some headaches so that’s always fun.

    I would begin by seeing what the ul styling inherits and overrides to get a better idea as to where those conflicts are coming from.

    Thread Starter jmoney24

    (@jmoney24)

    8 years, 4 months ago

    Hey Jose! Thanks for your response, I really appreciate it. Your comment inspired me to go inspect on Google Chrome. Let me preface what comes next by saying I’m not familiar with CSS but I can fiddle my way around the very basic stuff.

    I came up with a code derived from Googling and pasting together different elements I came across. Here’s the code:

    /* for resizing bullet points back to normal */
    ul {
    list-style: disc;
    list-style-position: inside;
    font-size: 17.5px;
    font-family: Merriweather;
    }

    It did what I wanted to do, in resizing the font for unordered lists and changing the font to match the posts, BUT it also changed the font of my header to Merriweather as well. It seems like this was changing every font other than the post content. Is there a way to make that code only pertain to unordered lists, so that it does not affect any other element?

    Sorry if this is a very basic question, and thanks again!

    Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    8 years, 4 months ago

    No problem at all! We’ve all been there before. I like to think of myself as an always-novice on the search for knowledge. 🙂

    This neat little ( but lengthy ) article does go in depth on how to read the styles on Google dev tools:
    https://developer.chrome.com/devtools/docs/dom-and-styles#styles-pane

    That does mean the content is somehow inheriting that styling.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Bullet point font size always bigger than rest of post?’ is closed to new replies.