CSS Tricks: Change Font Sizes and Make Your Ordered and Unordered Lists Bold

CSS Tricks: Change Font Sizes and Make Your Ordered and Unordered Lists Bold

by Dave Curtis on 01/27/2016

in Working SEO

Whether you’re using WordPress or not you’re using CSS to style your pages. Those ordered (numbered) and unordered (bulleted) lists are pesky though because they don’t style well along with the rest of the text on your pages… here’s what to put into the CSS to change the font size for your lists, and to make those lists bold:

/* Make Bulleted and Numbered Lists Font Larger */
li {
font-size: 20px;
}
li span {
font-size: 20px;
}

/* Make Unordered List Font Weight Bold */
ul {
font-weight: bold;
}
ul li div {
font-weight: bold;
}

/* Make Ordered List Font Weight Bold */
ol {
font-weight: bold;
}
ol li div {
font-weight: bold;
}

Previous post:

Next post: