?

Log in

No account? Create an account

Previous Entry | Next Entry

Header- SOLVED

  • Jun. 25th, 2009 at 3:20 PM
Right, so this is the first time I've ever used a custom layout, and the first time I've tried to actually edit the darn thing.  I've played around with some of the coding, here and there, but it just never seems to work out.  So, maybe you can give me a hand.
I really do apologize if this has all been discussed before, or if it's common knowledge how to fix it.  I'm a total derp when it comes to things like this, so if I'm wasting your time, I apologize in advance.

What I'm trying to do involves this community.
The theme is Mixit: Oddoties Black.
The layout is a custom design from Trashmetal, with the full code found here.
From what I understand, I can't add a header image, since mixit uses the header in its layouts.  So I'm looking to just replace the current blue bars with an image instead.  However, every time I attempt to play with the design, something turns out horribly wrong.  So if anyone could offer any help, I'd appreciate it.

Comments

( 6 comments — Leave a comment )
av8rmike
Jun. 25th, 2009 08:59 pm (UTC)
I don't know much about these thrashmetal themes that have gotten popular lately, but I have a whole tutorial here about adding/changing the header image. Or is that what you're having trouble with?
sss_moderator
Jun. 25th, 2009 09:07 pm (UTC)
I've looked it over, and tried the Change Header CSS. However, all it does is stretch the blue bar all across the page. And adding in the Remove Header CSS appears to do nothing.
av8rmike
Jun. 26th, 2009 01:20 pm (UTC)
Yeah, that tutorial is set up for the base themes, not for custom style sheets. Try what orexisbella suggests below and let me(/us) know if it doesn't work?
orexisbella
Jun. 26th, 2009 02:14 am (UTC)
From what I can see, the background colour styling is actually applied to #header-name a.

I think if you find this bit of the code
#header-name a {
background:#0063BE none repeat scroll 0 0;
border-right:72px solid #22217F !important;
color:#FFFFFF;
display:block;
font-family:"Helvetica-Light","Arial Narrow",Helvetica;
font-size:35px;
height:42px;
letter-spacing:-2px;
padding:17px 20px 49px;
text-transform:lowercase;
}

and then change the background attribute to background:#0063BE url(http://urlofyourimagegoeshere) repeat scroll 0 0;, I think you should get the effect you're looking for.

Edited at 2009-06-26 02:15 am (UTC)
sss_moderator
Jun. 26th, 2009 03:21 pm (UTC)
Aha, yesss that is exactly what I was looking for. Thank you VERY much. I should be able to play around and find out how to change the size no problem, so again thank you very, veerrrrrry much.
aa_koliqizm192
Dec. 1st, 2009 03:01 pm (UTC)
I'm sorry, but I didn't get it :/
( 6 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars