style_system | Subtitles in Transmogrified

nightowl posting in

Hi all,

Does anyone know how to get the Transmogrified theme to display the journal subtitle? I've been looking and looking for CSS that would do this, since I figured it'd be relatively simple, but apparently not? I would appreciate any help that is offered. Thanks so much!

Tags:

Flat | Top-Level Comments Only

From:

branchandroot

That isn't a css thing, the journal subtitle isn't called by Transmogrified at all; it doesn't appear in the html. What you would need to do is make a theme layer that adds the subtitle to your header. If you want to try that, I'll look up which function you need to paste in; it shouldn't be too complicated.

From:

nightowl

Oh wow, ok. I'm a complete beginner to customization but I'd definitely be interested in trying that. If you could lend a hand, I would be extremely grateful. :) Thank you!

From:

branchandroot

ETA: Bugger! The anchor tags were, of course eaten. Let me try to put code tags around that...

ETA2: ...I really hate this about our journals. Okay, I'm adding spaces to the anchor tags; you will have to take them out or your title won't link properly!

As Adalger says, it's the Page::print function you will need to copy and paste. If you look at the code of Transmogrified here, it's the very first thing called a "function", right after all of the properties. You will need to copy that function (from "function" down to the last "}" before the next function) and paste it into a theme layer.

To make a theme layer, go to Advanced Customization and click on "Your Layers" down at the bottom. Now go to the bottom of the Layers page to "Create a layout-specific layer". Set the dropdowns to "theme" and "Transmogrified" and hit create. The page will reload and now, in the table under Your Layers will be an unnamed theme layer. Hit the "edit" button next to that.

Now you're in a weird looking page with three windows. In the biggest window (top right) paste the Page::print function. Hit "Save and Compile" up at the very top.

Now you need to edit the function just a little. Look down a bit to where it says:


    """
                < a name="top" >
    """;
    $this->print_global_title();
    """
                < /a >
            
    """;

You will want to edit that, adding the code """; $this->print_global_subtitle(); """ underneath the < /a > for $this->print_global_title();. So the section will now look like this:


    """
                < a name="top" >
    """;
    $this->print_global_title();
    """
                < /a >
    """;
    $this->print_global_subtitle();
    """
            
    """;

Save and Compile again. Now hit the back button until you get out of the gray page! You'll need to go to the Select Style area and select your new layer as the Theme you are using. The easy way to find it is to hit "Your Custom Layers" in the side navigation.

Edited Date: 2009-07-24 07:38 pm (UTC)

From:

nightowl

Thank you very, very much for your clear instructions. :) My journal now has a subtitle! I am so grateful right now. :D

From:

branchandroot

My pleasure!

From:

snakeling

Let me introduce you to the HTML-for-LiveJournal Modification Tool. It's a life saver :D

From:

branchandroot

Ha! *adds this to her browser bar* Thanks!

From:

foxfirefey

Oh wow, everybody is fast. The theme layer should be a bit like this:

layerinfo "type" = "theme";
layerinfo "name" = "Transmogrified Subtitled";

function Page::print()
{
    """
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>""";
        $this->print_head();
        $this->print_stylesheets();
        $this->print_head_title();    
    println "</head>";
    $this->print_wrapper_start();
    $this->print_control_strip();
    """
            <div id="container">
            <div id="header">
    """;
    """
                <a name="top">
    """;
    $this->print_global_title();
    $this->print_global_subtitle();
    """
                </a>
            </div>
    """;
    $this->print_module_section("one");
    """
            <div id="wrap">
            <div id="content">
    """;
    $this->print_body();
    """
            </div>
    """;
    $this->print_module_section("two"); 
    """
            </div><div style="clear:both;"></div>
        </div>
        <div id="footer">
    """;
    $this->print_module_section("three");
    """
        </div>
    """;
    $this->print_wrapper_end();
    """
    </html>
    """;
}

Or is it better in a user layer?

Edited Date: 2009-07-24 07:33 pm (UTC)

From:

nightowl

Thanks for the enormously speedy response, everyone!

To

firefoxfey: I should be the one asking you to be patient with me. ;) I have never worked with custom layers before and I'm afraid I don't really know how to go about starting. Do I just create a new layer and paste this information in?

From:

foxfirefey

I think

branchandroot has the instructions about creating new layers. You can use mine as a complete copy paste, and then come back when it's created and I'll see if I can't give instructions on hooking it up to your current theme.

From:

nightowl

Unfortunately, I already sort of jumped the gun, applied the layer, and then belatedly realized that would remove my custom theme. I've managed to get it back though, without too much hassle, but thanks for your offer!

From:

foxfirefey

If you already have a custom theme, you can just add the function in the one I gave to your current one!

From:

branchandroot

You know, that's a good question. I've always used a theme layer for it; I don't know whether a user layer will let you change this stuff!

From:

foxfirefey

I have no clue myself--I think it might not, but I haven't tried yet. I *think* theme layer is the proper place.

From:

adalger

I'm fairly sure theme is the right place. As I recall (though I can't find documentation at the moment), you simply can't put functions into a User layer.

From:

snakeling

You can definitely put functions in a user layer, but it's a bad idea, as it would get rewritten the next time you use the wizard to modify something.

From:

snakeling

It's always better to put it in a theme layer, because the next time you modify something using the wizard, the user layer is rewritten, losing all your modifications :)

From:

foxfirefey

Is there a good guide to this stuff? I really should get caught up, since I'm doing some styles work.

From:

snakeling

Nothing official, alas. The S2 documentation is pathetic right now, though I know it's one of the goals of the Dreamwidth style team. That said,

kentucka has done some great basic tutorials.

From:

foxfirefey

Also--the weirdest thing is Transmogrified has CSS styling for h2 in the #header, but it doesn't appear. I'm wondering if we can't just add it in to the base style itself.

From:

branchandroot

That is weird. It must have been meant to be included at some point. If the print_global_subtitle is added to the Transmogrified layout layer, the styling should just take effect, then. That's good!

From:

foxfirefey

Yeah, the styling is there:

	#header h2 {
		padding: 0 20px 20px 20px;
	}

A bit more padding than I like, but it's very much useless if the subtitle is never printed! I could make a patch for this insanely easily and maybe

afuna could review and check it in and it'd go out next code push.

From:

adalger

This isn't a CSS issue, it's an issue within the Transmogrified style itself. The style never calls the function that prints the journal subtitle, so it's just not availlable. To get the theme to print the subtitle, you'd need to use the advanced customization area, and create a custom layer to override the Page::print() function.

The basic idea is, you create your own private version of Transmogrified, then go tinker with the style code to make it do what you want it to do.

From:

foxfirefey

Unfortunately CSS won't help you here. I'm not sure why it's not just in the style to begin with and have contacted the styles team about it; we might be able to just add it in.

In the meantime, I *can* tell you how to do it using layer overrides, if you're willing to be a little patient with me, since I've never instructed anybody in how to do it before. But I've gotten it working myself.

From:

nightowl

Everyone,

This is the fastest response I've ever gotten to a question online! For a while there, I couldn't keep up. ;) Thank you all for taking the time to help me out and point me in the right direction.

Flat | Top-Level Comments Only

Profile

Dreamwidth style system discussion

September 2025

S	M	T	W	T	F	S
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

Page Summary

Style Credit

Style: Radiant Aqua for Venture by onlyembers

Expand Cut Tags

No cut tags

Page generated Sep. 15th, 2025 05:01 am

Dreamwidth style system discussion

Subtitles in Transmogrified

Subtitles in Transmogrified

no subject

no subject

no subject

Whoot!

Re: Whoot!

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Profile

September 2025

Links

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags