The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
2 posters

    Altering general appearance of username

    â„‹unni
    â„‹unni
    Forumember


    Female Posts : 150
    Reputation : 4
    Language : English

    Solved Altering general appearance of username

    Post by â„‹unni 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>

    Altering general appearance of username OOl3U


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


    Solved Re: Altering general appearance of username

    Post by Guest 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
    â„‹unni
    â„‹unni
    Forumember


    Female Posts : 150
    Reputation : 4
    Language : English

    Solved Re: Altering general appearance of username

    Post by â„‹unni 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
    Guest
    Guest


    Solved Re: Altering general appearance of username

    Post by Guest 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?
    â„‹unni
    â„‹unni
    Forumember


    Female Posts : 150
    Reputation : 4
    Language : English

    Solved Re: Altering general appearance of username

    Post by â„‹unni 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.
    Altering general appearance of username PijUf
    â„‹unni
    â„‹unni
    Forumember


    Female Posts : 150
    Reputation : 4
    Language : English

    Solved Re: Altering general appearance of username

    Post by â„‹unni January 13th 2012, 7:57 am

    This was solved in a different topics ! Thanks again for your help Gassy <3.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Altering general appearance of username

    Post by SLGray 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



      Current date/time is November 11th 2024, 6:26 pm