This topic is: resolved
- This topic has 24 replies, 4 voices, and was last updated 9 years, 7 months ago by .
- The topic ‘Bullet List Font Differs from Post Font’ is closed to new replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
Community Forums › Forums › Archived Forums › Design Tips and Tricks › Bullet List Font Differs from Post Font
Tagged: bullet font, list font
No, that's not where I mean. Take a look at the details under Amazon and Ebay buttons directly under the first item, Tom Riddle's Diary. The font is smaller and different than the normal content font.
And, yes, I have cleared the cache for my site but still don't see a difference. I just cleared them again. Does it look correct to you?
OK. I see the smaller font.
It is hard to see where exactly on your stylesheet these lines are because it is minified but the following lines seem to control the font size. Note that one is 15px and the other is 12px.
body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea {
color: #342822;
font-family: "Droid Serif",serif;
font-size: 15px;
line-height: 1.6;
margin: 0;
padding: 0;
text-decoration: none;
}
body, textarea {
color: #342822;
font-family: "Droid Serif",serif;
font-size: 12px;
line-height: 1.6;
}
Try to locate the second part and change the font size to 15px
If you can't find it try adding
body, textarea {
font-size: 15px !important;
}
towards the end of your stylesheet (before the media queries)
Eamon Moriarty
EM Dzine
Oh my gosh! That didn't help but it made me wonder if it might be a conflict from any of the modifications I had already made. Turns out it was. I was using the following code and was able to correct the font size problem by changing the font-size from 12px to 15px.
/** To change font size in content area */
body,
textarea {
color: #342822;
font-family: 'Droid Serif', serif;
font-size: 12px;
line-height: 1.6;
margin: 0;
padding: 0;
text-decoration: none;
}
The font family looks slightly off from the rest of the page content. How does it look to you now?
Thank you for your help!
© 2024 WPEngine, Inc.