Transmorgified Frustrations

[weber_dubois22]

Hey, guys, I searched the transmorgified tag in hopes that I would find an answer but came across none, so here's my problem.

I'm using a transmorgified layout by visualwit and I want to add a header image to it. However, every time I attempt to use the following codes:

.module-navlinks { top: 315px; }

#header { margin-top: 312px; }

#canvas {
background-image:url("URL HERE");
background-position: right top;
background-repeat:no-repeat;
}

or

#canvas {
background-image: url(URL HERE);
background-repeat: no-repeat;
nackground-position: top center;
padding-top: 350px;
}

It never appears, the layour remains the same. Does anyone have a override or workaround for this particular custom style sheet that will allow me to put a header at the top of the layout? I really don't want to go looking for another layout in an already small collection of choices.

Comments

[ardath_rekha]

I suspect that there may be a conflict between the BODY coding and the #canvas coding. As I recall from when I was messing with my journal layout, Body may actually lie on top of Canvas. Now, in the layout you're linking to, the #body coding currently looks like this:

BODY {
background-image: url('http://i40.tinypic.com/6ye9ft.png');
background-size: 200px;
background-repeat: repeat-x;
background-position: center top;
background-color: #EDEDED;
color: #393939;
font-size: .95em;
margin: 50px 0px 0px 0px;
font-family: arial narrow, verdana, arial, sans-serif;
}

That's what's controlling the header background as it currently exists in that design. So my first suggestion would be to copy THIS into your custom .css and swap out the current background image with the one of your choice, and the dimensions you want, and start playing from there.

It's been about a year or so since I've actually played with any of this stuff, so I'm pretty rusty, but I recall dealing with a lot of body/canvas conflicts back when I did.

Edit: Augh, or not... I thought you had linked to a journal that actually displayed the layout in action, but that's not the case. Sorry. Disregard the attached code... that's the layout visualwit is using in their own journal, not the layout you were specifically linking to. Sorry! Checking some more.

[ardath_rekha]

Is there any place to see your problem in action? I'm able to look at a standard version of the design by going to salientdreams's journal, but since they're not trying to use the layout with a header, it's hard to see which codes might be overriding what you're trying to do.

[foxfirefey]

Hrm--I think that style got made (with some changes) into a style called Practicality in the style browser. I can understand if it's not what you're looking for since it doesn't have the navigation on the top, but in modules on the side, but if it looks acceptable enough, you can use it, then apply the theme Warmth for Practicality (it's the direct descendent of the stylesheet you are using, I think). Then, go to the images section of the customize area:

http://www.dreamwidth.org/customize/options?group=images

And put the image URL in the "header background image" section.

[ninetydegrees]

Actually, it does have the navigation at the top as in the original Transmo style. It's the default option although you can also put the nav in the sidebar area.

[foxfirefey]

Oh huh! Good to know--I managed to get it somewhere different by default and am not sure how to get it back, haha. Sorry for the derp!

[ninetydegrees]

No, I'm the one who's sorry. Momiji tells me it's not the default option so I understand why you missed it. Now I wonder why it isn't. Maybe the submitted entry at DS was different... Intriguing.

Also to the OP: you can find this theme by browsing Practicality themes at http://www.dreamwidth.org/customize/?layoutid=165554. You can also directly type 'Warmth' in the search bar to find it more easily.

[momijizukamori]

Nah, sidebar's the default for Practicality - but it does have header as an option! OP, if you go to the Modules section of /customize, look for the Navigation module (for me it's the second one down, but if you've moved modules around it might not be), and in the drop-down, select 'Header' instead of 'Main Module Section' and save :)

(my arm for drag and drop module configuration - I should put that on my styles skyscraper list...)

[ninetydegrees]

My bad! Thank you!

[momijizukamori]

No problem! I have a journal using Practicality right now, so I just checked it real quick *g*