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.