Note

Remember to check the tags, before posting a question, to see whether it's been answered already.

Quick Links

August 2009

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Layout By

branchandroot

Powered by InsaneJournal
Previous | Next

[info]branchandroot
[info]s2completestyle

[info]branchandroot
[info]s2completestyle

How to add custom CSS


[info]branchandroot
[info]s2completestyle
A lot of the how-to posts will mention "add this to your custom css". Here is how you do that, for those who have never done it before.

Open a site page, such as your User Info. From the Journal section of the menu, select Customize Journal.

You should now have a page with a tabbed box on it. Click on Custom Options, the third tab over.

Scroll all the way down to the bottom, past all the other option-setting dropdowns and text boxes. The last box will be the Custom Stylesheet.

Paste whatever code you are adding into this box and hit the Save button below.

If you are adding a whole style sheet, to define an entire layout, be sure that you have selected the theme (None), in the Look and Feel tab, unless otherwise directed by the designer. This will remove any other theme style sheets that might interfere.

Comments

Jan. 13th, 2010 02:08 am (UTC)
How can I find a list of what the items are that I can change in the custom-css? It doesn't seem to be just standard CSS properties, but also things that are specific to IJ and I've never been able to find a list so I can work on it. And the specifics I'm looking for aren't available in the layer code because the are buried in the stylesheets that aren't included (like the green stylesheet, for example).

Thanks.
Jan. 13th, 2010 02:32 am (UTC)
I'm not quite sure what you're looking for, here. As long as you have the right css order, you can change anything. If you mean a list of the names of the containers, the classes and ids that are in the actual html, there isn't a list anywhere. You have to look at the html of a journal page in the style you want to alter. If you mean a list of all the actual style definitions, the things like "text-align: center" and so on, you need to look at the actual style sheets. You can find those by viewing the public layer of the style in question to get the url of the sheet or by looking at the html code and following the style sheet links in the header.