WordPress.org

1. proudtobedad
   Member
   Posted 1 year ago #

   Hi there,
   I'm using Modularity Lite, and having issues with fonts. Whenever I try to change the color/size/style of the fonts, it doesn't show up onscreen.

   What's weird is that, in the body of the posts, they are posting as sans-serif, where my font family is serif.

   Here is the code:

   .content h2 {
   font-family: Didot, Granjon, Georgia, serif;
   }
   .post, .page {
   display: block;
   clear: both;
   }
   .post h4, .post h6 {
   font-family: font-family: Didot, Granjon, Georgia, serif;
   font-size: 12px;

   Any ideas? Thanks!

2. alchymyth
   The Sweeper
   Posted 1 year ago #

   link to your site?

   without seeing the css in connection with the html in a live site, there is not much to suggest.

   you could try to press 'CTRL F5' to clear the browser cache.

3. proudtobedad
   Member
   Posted 1 year ago #

   Here's the link. http://kerganedwards-stout.com/?page_id=9

   At the moment, most pages are private, but I'm going to make About/Bio public so that you can see what I'm talking about.

   I've tried clearing the cache, but it hasn't worked.

   Thanks.

4. alchymyth
   The Sweeper
   Posted 1 year ago #

   your div has the css class .container (there is no class .content in the html)
   changing that should get your header h2 font applied.

   as far as i can see, there is no style to tell the post paragraphs to be serif.

   this would get you a lot of serif font:
   

   .container, .container h2 {
   	font-family: Didot, Granjon, Georgia, serif;
   }

   on your linked page, there also seems to be no class .post but a class .page (this could be different for a post ?)

   maybe get familiar with a browser tool such firefox to help to identify the css classes of the elements.

5. proudtobedad
   Member
   Posted 1 year ago #

   Thanks--the font is now correct!!!

   One other quick question, since you've been so helpful: to change the font size in the body of the posts and pages only (but not the headers, which section of the css would I go to?

   Thanks!!!!!!!!!!!!!!!!!!!!!!!!!

6. alchymyth
   The Sweeper
   Posted 1 year ago #

   try:

   .container p { font-size: ??? ; }

   that should cover most of it

   http://www.w3schools.com/css/css_font.asp

7. proudtobedad
   Member
   Posted 1 year ago #

   Just gotta tell you--you've been a godsend! I don't really know code, so trying to wade through it to get what I want has been challenging.

   MANY, MANY THANKS!!!!!!

8. killerdeveloper
   Member
   Posted 1 year ago #

   http://wordpress.org/extend/plugins/font/

Topic Closed

This topic has been closed to new replies.