WordPress.org

Ready to get started?Download WordPress

Forums

Changing font back to default (11 posts)

  1. missxandrabee
    Member
    Posted 1 year ago #

    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

  2. dwnmedia sarl
    Member
    Posted 1 year ago #

    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;
    }
  3. dwnmedia sarl
    Member
    Posted 1 year ago #

    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

  4. missxandrabee
    Member
    Posted 1 year ago #

    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;
    }

  5. dwnmedia sarl
    Member
    Posted 1 year ago #

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

  6. missxandrabee
    Member
    Posted 1 year ago #

    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?

  7. dwnmedia sarl
    Member
    Posted 1 year ago #

    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

  8. missxandrabee
    Member
    Posted 1 year ago #

    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;
    }
  9. dwnmedia sarl
    Member
    Posted 1 year ago #

    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

  10. missxandrabee
    Member
    Posted 1 year ago #

    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!

  11. dwnmedia sarl
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags