How to make DePo Masthead theme have custom banner and more posts?

• 

  bobdoto · Member · Nov 12, 2009 at 3:30 am

  • Copy link
  • Add topic to favorites

  I’m guessing this has something to do with CSS, but I’m not familiar with that, so…

  How would a person make the DePo Masthead theme have custom banner and more posts? Is that possible?

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

• 

  thesacredpath · Member · Nov 12, 2009 at 3:36 am

  • Copy link

  Custom header: A good knowledge of CSS and the paid CSS upgrade.

  http://support.wordpress.com/custom-css/
  http://support.wordpress.com/editing-css/

  Putting more posts on the main page: Not possible since it would require modification of the theme’s underlying PHP script files, and we are not allowed to modify the underlying files.

  Editing Templates and Themes

• 

  bdasraka · Member · Nov 12, 2009 at 8:47 pm

  • Copy link

  Thanks thesacredpath. That’ll do…

• 

  thesacredpath · Member · Nov 12, 2009 at 11:31 pm

  • Copy link

  You’re welcome.

• 

  sberk · Member · Nov 16, 2009 at 9:37 pm

  • Copy link

  That’s incorrect. DePo doesn’t have a custom header option, and whoever wrote the theme put an inline css style for the font size of the title; css won’t let you override that. You are stuck if you choose DePo. I like this theme and may have to play with the css upgrade with the sandbox theme to mimic it. But as is, DePo won’t work.

• 

  thesacredpath · Member · Nov 16, 2009 at 9:58 pm

  • Copy link

  @sberk, I’m afraid you are mistaken. I’ve added a header to DePo many times using CSS.

• 

  thesacredpath · Member · Nov 16, 2009 at 10:16 pm

  • Copy link

  For proof, see my test blog here: http://flippintestblog.wordpress.com/ .

  This is the code I added to the CSS edit window:

  #container .sleeve {
  background:transparent url(http://flippintestblog.files.wordpress.com/2009/11/header-test.jpg) repeat-x scroll center top;
  }

• 

  thesacredpath · Member · Nov 16, 2009 at 10:20 pm

  • Copy link

  Oops, copied and pasted wrong:

  #container {
  background:transparent url('http://flippintestblog.files.wordpress.com/2009/11/header-test.jpg') repeat-x scroll center top;
  }

• 

  thesacredpath · Member · Nov 16, 2009 at 10:43 pm

  • Copy link

  And actually, this is better. The repeat-x was a left-over from another image I had in there and didn’t remove.

  #container {
  background:transparent url('http://flippintestblog.files.wordpress.com/2009/11/header-test.jpg') no-repeat scroll center top;
  }