How to make header BIG using Modularity Lite theme NEED HELP ASAP PLZZ

• 

  thecarteblanche · Member · Nov 20, 2011 at 8:15 pm

  • Copy link
  • Add topic to favorites

  I need help I want to make my header bigger im using the Modularity Lite theme can somebody please help me ASAP ive been trying for the last 6 hours plz and thank you

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

• 

  airodyssey · Member · Nov 20, 2011 at 8:20 pm

  • Copy link

  Designsimply (staff) answered you here:
  https://en.forums.wordpress.com/topic/header-size-help-plz?replies=15

• 

  thesacredpath · Member · Nov 20, 2011 at 8:42 pm

  • Copy link

  Do you have the Custom Design Upgrade? If not, the header cannot be made bigger.

• 

  thecarteblanche · Member · Nov 20, 2011 at 9:06 pm

  • Copy link

  I don’t even know what to do, yes I I have the design customizer, I need step by step help pls, here’s the link to the picture that I want to make my header http://s3.amazonaws.com/data.tumblr.com/tumblr_luz4qarado1qh6emao1_1280.jpg?AWSAccessKeyId=AKIAJ6IHWSU3BX3X7X3Q&Expires=1321908710&Signature=fXTa4jYM7XJ6lCs9OdRKoQTEcZE%3D thank you

• 

  designsimply · Member · Nov 20, 2011 at 9:07 pm

  • Copy link

  @thecarteblanche, you already have a cropped version of that image on your Appearance → Header page that is 950 × 200 pixels. Will that one work for you?

  If you want a size that’s larger than 950 x 200 pixels, what size did you want?

  Go to Appearance → Header and select the image there that isn’t black.

  I’m not sure what happened to the image the 2nd time you cropped, but it’s all black. You should go to the Media page in your library and click “Delete Permanently” under the all black image. Be careful not to click that under any other image currently being used on the blog or you will have to re-upload it.

• 

  designsimply · Member · Nov 20, 2011 at 9:08 pm

  • Copy link

  Side note: I did check and http://thecarteblanche.wordpress.com/ does have the Custom Design upgrade. :)

• 

  thecarteblanche · Member · Nov 20, 2011 at 9:20 pm

  • Copy link

  No that one dot work I want to make the header as big as the image I posted

• 

  thesacredpath · Member · Nov 21, 2011 at 12:23 am

  • Copy link

  Add this to the bottom of your custom CSS

  #header-image {
  background: url("http://s3.amazonaws.com/data.tumblr.com/tumblr_luz4qarado1qh6emao1_1280.jpg?AWSAccessKeyId=AKIAJ6IHWSU3BX3X7X3Q&Expires=1321908710&Signature=fXTa4jYM7XJ6lCs9OdRKoQTEcZE%3D") no-repeat scroll top center transparent;
  height: 1024px;
  }
  
  #header-image img {
  display: none;
  }

• 

  thecarteblanche · Member · Nov 21, 2011 at 1:52 am

  • Copy link

  Even if my custom CSS blank?

• 

  thesacredpath · Member · Nov 21, 2011 at 2:24 am

  • Copy link

  Yes. Delete the informational text and then paste in the above, make sure “add to existing…” is selected and then preview. With preview sometimes you have to force refresh the page to see the change.

• 

  thecarteblanche · Member · Nov 21, 2011 at 3:29 am

  • Copy link

  ok so what do i change when i just want to change the header image?

• 

  thecarteblanche · Member · Nov 21, 2011 at 3:32 am

  • Copy link

  oh and how do i remove this Blog at WordPress.com. | Theme: Modularity Lite by Graph Paper Press. Fonts on this blog. from the bottom of my site?

• 

  thesacredpath · Member · Nov 21, 2011 at 3:48 am

  • Copy link

  You would edit this as required to change the image (image URL and height value):

  #header-image {
  background: url("http://s3.amazonaws.com/data.tumblr.com/tumblr_luz4qarado1qh6emao1_1280.jpg?AWSAccessKeyId=AKIAJ6IHWSU3BX3X7X3Q&Expires=1321908710&Signature=fXTa4jYM7XJ6lCs9OdRKoQTEcZE%3D") no-repeat scroll top center transparent;
  height: 1024px;
  }

  You cannot remove the credits from the footer. It is against the terms of service here and could get your site suspended.

• 

  thesacredpath · Member · Nov 21, 2011 at 4:04 am

  • Copy link

  I’ll just offer this as something to ponder.

  Is the header image the absolute most important thing on your site, or is the content you are trying to present (posts, pages)?

  Right now with that large header you are telling people, visually, that the header image is the most important thing, and that the content is secondary to the header image, not to mention that you are requiring your visitors to scroll way down before they can even see that secondarily important content.

  Just sayin’

• 

  thecarteblanche · Member · Nov 21, 2011 at 4:13 am

  • Copy link

  alright thanks alot for your help any more questions i’ll contact you here

• 

  thesacredpath · Member · Nov 21, 2011 at 4:21 am

  • Copy link

  You are welcome.

• 

  thecarteblanche · Member · Nov 21, 2011 at 5:41 am

  • Copy link

  i just try to switch this picture http://25.media.tumblr.com/tumblr_luzwysvuWb1qh6emao1_500.jpg can you do it for me again plz and thanks

• 

  thecarteblanche · Member · Nov 21, 2011 at 5:45 am

  • Copy link

  i want the header to be the width of the whole top of the site

• 

  thesacredpath · Member · Nov 21, 2011 at 6:18 am

  • Copy link

  You have to make the header image the width of the container and that is 990px.

• 

  thecarteblanche · Member · Nov 21, 2011 at 7:18 am

  • Copy link

  one more thing ow do i change font color?