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.

[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.