Support » Fixing WordPress » Changing font back to default

  • I’m using the theme Ari, which uses Droid Serif as the default font for posts. Not sure what I did yesterday, but somehow this font has changed to Droid Sans, which is used for the site header. How do I change this back to Droid Serif?

    Regarding: http://fashionablylight.com

Viewing 10 replies - 1 through 10 (of 10 total)
  • On your admin panel don’t you have some settings for this template to set the font on which part of the website you want ? (example : for all paragraphs you want to use Droid Serif font ect…)

    Otherwise you need to change your CSS file , search for “Droid Sans” and change with “Droid Serif”, by default the theme is set with “Droid Sans” in the body tag :

    /* General Structure and Styles
    --------------------------------------------- */
    body {
    	font-family:'Droid Sans', arial, sans-serif;
    	color: #4C4C4C;
    	background-color:#fff;
    }

    The Theme Features

    Clean and minimalistic blog layout.
    Responsive layout with CSS3 Media Queries, optimized for different browser sizes and mobile devices such as iPads, iPhones, Android phones etc.
    Custom theme option page to easily change the background, text and link colours and choose your own logo image.
    Dark theme version (you can switch from the default light design to a dark version in the themes option page).
    Custom social links sidebar widget with mini icons (so you can link to your rss feed, Twitter, Facebook, Flickr, Delicious, Xing or LinkedIn page).
    Ready for theme translation (right now there is and English and German translation available).
    Threaded comments are supported.
    CSS-Styles for the Contact form 7 wordpress plugin.
    Use of Google Free Fonts Droid Serif and Droid Sans from the Google Font API.

    i think so, could you check please on the admin panel of the template

    Hey, thanks for the response!

    The theme options only allow me to change font colours (I’m looking in “Theme Options” under “Appearance”). I tried replacing the code, but it still doesn’t work – it did say Sans Serif in the code originally. To be exact:

    body {
    font-family:’Droid Sans’, arial, sans-serif;
    color: #4C4C4C;
    background-color:#fff;
    }

    Could you please give me an example where (which text for ex.) you want to put “Droid Serif” in your website : http://fashionablylight.com

    I would like the font to be the body of each post: so from beneath the picture to the star at the end of the text. Does that make sense?

    In the css file, after the Single Post comment :

    /* Single Post
    --------------------------------------------- */
    #content div.post p{
     font-family:'Droid Serif',  Times, serif !important;
    }

    Try this to test

    Still didn’t work. Here is what the entire Single Post code says, including the part I added at the top:

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button, not the blockquote. ]

    /* Single Post
    --------------------------------------------- */
    #content div.post p{
     font-family:'Droid Serif',  Times, serif !important;
    }
    
    #content .post #author-info {
    	margin:20px 0px 30px 0px;
    	padding:10px 0px 0px 0px;
    	border-top:1px dotted #4C4C4C;
    	border-bottom:1px dotted #4C4C4C;
    	overflow:hidden;
    }
    #content .post #author-avatar {
    	margin:5px 15px 0px 0px;
    	float:left;
    }
    #content .post #author-description {
    	overflow:hidden;
    }
    #content .post #author-description h2 {
    	padding:0px;
    	font-family:'Droid Serif',  Times, serif;
    	font-size:12px;
    	font-weight:normal;
    }
    #content .post #author-description h2 span {
    	font-weight:bold;
    	text-transform:uppercase;
    	letter-spacing:0.1em;
    }
    #content .post #author-description p, .page-link  {
    	font-family:'Droid Serif',  Times, serif;
    	font-size:13px;
    	line-height:18px;
    	font-style:italic;
    }

    In fact, I don’t really get the difference between the 2 fonts, when i see the styles related to the tags in your page :

    Droid Sans – for the Site title for ex.
    http://s18.postimage.org/7le0b32q1/droid_sans.jpg

    Droid Serif – for the post’s content
    http://s15.postimage.org/u6zfk5gwb/droid_serif.jpg

    Try with an another font (completly diff from Droid “something) from google font directory to set to your post content to see if it applies or not

    Oh actually, in your image it looks how it should!

    this is how it appears to me:
    http://fashionablylight.com/wp-content/uploads/2012/11/Screen-Shot-2012-11-30-at-10.43.05.png

    Just opened it in Safari instead of Chrome and it looks fine as well. So I guess it’s a browser issue then! Thanks for all the help anyway – was wondering why the code seemed to be okay!

    after the tests you can remove the “!important” textcode in the CSS code
    it was just to test if it applies by “forcing” the style

    now you can check every tags and applies with the font you want by adding the right font-family just like we did for the #content div.post p

    KR

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Changing font back to default’ is closed to new replies.