Altering general appearance of username

by ℋunni January 10th 2012, 08:15

Running: Invision

So! My question goes on a simple one, though I'm just not sure where to place it. I'd like the change the text characteristics of all usernames that are in the red box; I'd like to change the font size and the font. For the font, I'd be linking into a Google Fonts,hwich provides me the CSS below. I need to know what to edit in and where. Thank you! <3

CSS:

Code:: font-family: 'Wire One', sans-serif;

Javascript:

Code:: <script type="text/javascript"> WebFontConfig = { google: { families: [ 'Wire+One::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>

Altering general appearance of username OOl3U

by Guest January 10th 2012, 13:10

The javascript code put in JavaScript managemnt. But, that propriety put in postdetails selector, like this:

Code:: dl.postdetails dt a span strong{ font-family: 'Wire One', sans-serif; }

If not working try:

Code:: dl.postdetails dt a span strong{ font-family: 'Wire One', sans-serif !important; }

by ℋunni January 11th 2012, 06:54

Awh! I'm so happy it worked~! Thank you Gassy, haha <3.

Edit: So, I tried changing the font and now the site isn't reading it. I did the exact same thing...~

by Guest January 11th 2012, 13:57

ℋunni wrote:Awh! I'm so happy it worked~! Thank you Gassy, haha <3.

Edit: So, I tried changing the font and now the site isn't reading it. I did the exact same thing...~

Firstly you said that worked. Have you added/changed something?

by ℋunni January 12th 2012, 05:24

Well, I picked a different font is all. I changed nothing else, really. I read in some different topics that JavaScript is being fussy?

CSS:

Code:: font-family: 'Tulpen One', cursive;

JavaScript:

Code:: <script type="text/javascript"> WebFontConfig = { google: { families: [ 'Tulpen+One::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>

I haven't altered the Script whatsoever, but I have this in my CSS.

Code:: dl.postdetails dt a span strong{ font-family: 'Tulpen One', cursive !important; font-size: 28px; text-transform: uppercase; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }

And it looks like this now, which is completely the wrong font xD.
Altering general appearance of username PijUf