16

[Mod]

In reply to: Change fonts

#45633

It’s not difficult, but it does deserve an explanation.

1) Find the Google Web Font you want to use.

2) Click on the “Quick-use” icon (the box with an arrow pointing to the right).

3) Follow Google’s steps: select the styles you want*, and then choose the character sets you want (usually, Latin is selected by default; unless you need characters from another language, you shouldn’t need to do anything here).

4) Click on the “Javascript” tag. You’ll see something like this (I’m looking at the “Open Sans” font):

Quote:

<script type=”text/javascript”>

WebFontConfig = {

google: { families: [ ‘Open+Sans::latin’ ] }

};

(function() {

var wf = document.createElement(‘script’);

wf.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) +

‘://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js’;

wf.type = ‘text/javascript’;

wf.async = ‘true’;

var s = document.getElementsByTagName(‘script’)[0];

s.parentNode.insertBefore(wf, s);

})(); </script>

5) It looks complicated, but don’t worry, you don’t need most of this code. See the third line, that starts with “google”? Copy everything between the single quotes. In this case, copy:

Quote:

Open+Sans::latin

6) Paste that in Graphene Options >> Display Options >> Text Style Options >> Font families

7) You can now enter the font name in any box below labeled “font”. Remember that if the font name is a single word, you can just write the name (e.g., Roboto), but if it is two or more words, enclose them in single quotation marks (e.g., ‘Open Sans’)

Try this, and if you still have issues with it, let me know and I’ll post some screen caps.

* You can load as many styles here as you want, but only add the ones you’re going to use, because loading additional styles will slow down your site. For most fonts, you can safely just load the “Normal 400” and rely on CSS to make it italic or bold.

[Mod]

In reply to: How to change the color of "older items"

#45839

Add this to your custom CSS or child theme stylesheet:

.previous, .previous a, .previous a:visited, .next-post, .next-post a, .next-post a:visited, .parent-return {

color: #ffffff;

}

Change “ffffff” to whatever hex color value suits you.

[Mod]

In reply to: How to change the color of "older items"

#45837

I’m not sure which area you are talking about. Can you give a bit more detail? What words should I be looking for?

[Mod]

In reply to: Home Page Panes Feature.

#45811

You’ve marked this as resolved. Have you sorted this issue?

[Mod]

In reply to: My site went down and the hosting company said it was caused by my theme, Graphene

#45804

Graphene is literally running on over 50,000 websites, so if there were an issue with Graphene that caused a site to not load, I’m fairly certain that someone else would have had the problem as well.

Graphene

That said, however, it’s possible that there was something odd in your server configuration that Graphene didn’t like. Is it possible for you to post the entire error message from the error log?

[Mod]

In reply to: How to add a logo

#45773

Here’s a tutorial I wrote some time back:

http://techblog.kjodle.net/2011/11/04/graphene-action-hook-widgets-an-easy-way-to-modify-your-blog/

[Mod]

In reply to: How to add a logo

#45772

Here’s a tutorial I wrote some time back:

[Mod]

In reply to: Removing image border around pics

#45784

Marking thread as resolved. You can do this yourself as well.

[Mod]

In reply to: Removing image border around pics

#45782

.entry-content designates the main area of your post.

Try:

#sidebar img{

border:0px;

margin:5px;

}

[Mod]

In reply to: How to add a logo

#45770

Use a Graphene Action Hook Widget area, or the Graphene header widget. If using the latter, you’ll have to adjust its position with CSS.