CSS code to change headers

JaymesBolton
JaymesBolton
edited May 2016 in General Discussion
I was wondering if there is a simple CSS code to change the headers (h1,h2, etc) to a specific type of font and size to make editing easier. Right now I use html div around each txt I want to change but would love to just hit the headers and have it be what I want...

Comments

  • SkidAce
    SkidAce
    Posts: 46
    I thought there was, but what I used to use to mod the headers may not be working anymore.

    @/HEADERS BOLD/
    h5 {font-weight:bold;}
    h4 {font-weight:bold; color:#0000;}
    h3 {font-weight:bold;}
    h2 {font-weight:bold;}
    h1 {font-weight:bold;}@
  • SkidAce
    SkidAce
    Posts: 46
    try here...

    "Look Here":http://forums.obsidianportal.com/comments.php?DiscussionID=3940
  • weasel0
    weasel0
    Posts: 36
    Also, I've found that the use of the much shunned !important tag was helpful in pushing the change to all pages. Otherwise, some places wouldn't. Of course for me that was for the color only. I didn't go for font or size changes. You may not need to use it. PS- !important is powerful but can make things worse when/if overused. I have it on 1 or 2 things that are current and 1 or 2 that were for a code roll out that got rolled back due to bugs.
  • JaymesBolton
    JaymesBolton
    Posts: 278 edited May 2016
    What about using a font that is not in google fonts? I have a couple I have downloaded and would love to be able to use them...

    -Jaymes

    "Changing History":http://www.obsidianportal.com/campaigns/l5r-changing-history
    "COTM Feburary 2013":http://blog.obsidianportal.com/changing-history-februarys-campaign-of-the-month/
    Post edited by JaymesBolton on
  • JaymesBolton
    JaymesBolton
    Posts: 278
    Doesn't seem to be working or I am doing something wrong. Used the following code but nothing is happening:

    /* Cursive h6 for headers */
    h4 { font-family: Tangerine’; }
  • JaymesBolton
    JaymesBolton
    Posts: 278
    Never mind got it to work with the following:

    /* Cursive h6 for headers */
    h4 { font-family: Tangerine;
    color: #000000;
    font-size: 18;
    padding: 1;
    font-weight: bold;
    font-style: italic;
    }

    And can now edit the other ones as well with just adjusting the h4 to other header numbers. Hope this is useful for other people. Also found a good site for testing it and generating the code:

    http://html-generator.weebly.com/css-font-style-generator.html
  • weasel0
    weasel0
    Posts: 36 edited May 2016
    Someone shared "this place":http://www.cleancss.com/ a long time ago and I just "refound" it a short time ago. Helps when trying to edit things and make it pretty. Do we still have a char limit on the CSS or did that change with the Reforge? Using the minify is pretty neat for yanking out all the spaces and breaks that the browsers load but dont care about if you like maximized load times.

    Also, the original may not have worked due to that extra ' in there.

    bc. /*Headers*/
    .campaign-link,h1,h2,h3,h4,h5,h6
    {color:darkviolet !important;}
    Post edited by weasel0 on
  • SkidAce
    SkidAce
    Posts: 46
    Huzzah!
  • JaymesBolton
    JaymesBolton
    Posts: 278
    Ok now the size is not working. The color, shading, etc all perfect but the size is coming out super tiny even when I crank it WAY UP

    -Jaymes

    "Changing History":http://www.obsidianportal.com/campaigns/l5r-changing-history
    "COTM Feburary 2013":http://blog.obsidianportal.com/changing-history-februarys-campaign-of-the-month/
  • weasel0
    weasel0
    Posts: 36
    Is there a place where you can point it out(or create a "test" page to recreate the issue? Does it not work in all instances or in random places? Does it work anywhere(public side vs private)?
  • JaymesBolton
    JaymesBolton
    Posts: 278
    If anyone would want to help I could invite them to the game but I still have it set to private as I am not ready to open it up to the public (or my future players) quite yet.

    -Jaymes
Sign In or Register to comment.

April 2024
Season of Strife

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions