Triton: How can I insert a wider header?

• 

  lebensgeschichtentv · Member · May 26, 2012 at 8:12 am

  • Copy link
  • Add topic to favorites

  Hi all,

  I switched from “Autofocus” to “Triton lite” and I love it! Now I would like to insert a bigger header (114px instead of 960px). I tried this code (https://en.forums.wordpress.com/topic/novice-needing-help?replies=4#post-854965):

  #page {
  width: 1200px;
  }
  
  #conent {
  max-width: 700px;
  }
  
  #masthead a img {
  display: none;
  }
  
  #masthead a[rel=home] {
  display: block;
  background: url(http://crushedglass.files.wordpress.com/2012/04/cropped-blog-header-22.jpg);
  width: 1114px;
  height: 250px;
  }

  but it didn’t work. How could I do that?

  Tanks!
  Katha
  http://gelebtegeschichte.wordpress.com/

  The blog I need help with is: (visible only to logged in users)

• 

  lebensgeschichtentv · Member · May 26, 2012 at 8:12 am

  • Copy link

  I mean: 1114px.

• 

  thesacredpath · Member · May 26, 2012 at 9:23 am

  • Copy link

  The container is only 960px wide and if you change it to 1114, there are a lot of other changes that have to be made as the stuff inside the container ends up outside of your paper central background, which is only about 1070px in width.

  So you kind of need to figure out what you want to do.

• 

  lebensgeschichtentv · Member · May 27, 2012 at 6:25 pm

  • Copy link

  Hi thesacredpath,

  I would like to do a similar background like this site http://www.fuzzimo.com/
  So, I have a container with 960px, a background image with a paper-width of about 1000 px. And now I would love to have a header which floats into the canvas background like on http://www.fuzzimo.com/

  How can I do this?

  Thanks for your support!
  Katha

• 

  thesacredpath · Member · May 27, 2012 at 6:46 pm

  • Copy link

  We need a link to the site you are talking about since CSS is theme specific, and on some themes this would be more difficult than on others.

• 

  lebensgeschichtentv · Member · May 27, 2012 at 9:23 pm

  • Copy link

  I only have this link: http://www.fuzzimo.com/. Unfortunately, I can not see which theme was used there.

  Best,
  Katha
  https://gelebtegeschichte.wordpress.com/

• 

  lebensgeschichtentv · Member · May 28, 2012 at 8:07 am

  • Copy link

  I solved it. I simply inserted additional background image into header:

  #header {
  	width:100%;
  	background:url('image.jpg');
  	background-repeat:no-repeat;
  	background-position:center;
  }

• 

  thesacredpath · Member · May 28, 2012 at 8:16 am

  • Copy link

  There you go. Good solution.