The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Altering general appearance of username

Go down

Solved Altering general appearance of username

Post by ℋunni on January 10th 2012, 7:15 am

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>



Last edited by ℋunni on January 13th 2012, 7:58 am; edited 1 time in total
avatar
ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Altering general appearance of username

Post by Guest on January 10th 2012, 12:10 pm

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

thumright

Guest
Guest


Back to top Go down

Solved Re: Altering general appearance of username

Post by ℋunni on January 11th 2012, 5:54 am

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...~
avatar
ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Altering general appearance of username

Post by Guest on January 11th 2012, 12:57 pm

@ℋ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?

Guest
Guest


Back to top Go down

Solved Re: Altering general appearance of username

Post by ℋunni on January 12th 2012, 4:24 am

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.
avatar
ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Altering general appearance of username

Post by ℋunni on January 13th 2012, 7:57 am

This was solved in a different topics ! Thanks again for your help Gassy <3.
avatar
ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

Solved Re: Altering general appearance of username

Post by SLGray on January 13th 2012, 8:02 am

@ℋunni wrote:This was solved in a different topics ! Thanks again for your help Gassy <3.

Topic Solved & Locked


avatar
SLGray
Administrator
Administrator

Male Posts : 41824
Reputation : 2875
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum