Pressrow and Background Image Issue

• 

  estradaryan · Member · Oct 15, 2009 at 3:13 pm

  • Copy link
  • Add topic to favorites

  I want to have a background image appear on this page, but whenever I try to add one, it becomes the background underneath EVERYTHING–including the area that I would like to remain white (underneath the actual content of the site–I just want my background image to appear to the left and right of this area). I am 100% new to CSS…can anyone help me with this?

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

• 

  devblog · Member · Oct 15, 2009 at 5:43 pm

  • Copy link

  link to blog please

• 

  estradaryan · Member · Oct 16, 2009 at 11:42 am

  • Copy link

  http://bothisbetterllc.wordpress.com

• 

  estradaryan · Member · Oct 16, 2009 at 2:57 pm

  • Copy link

  Now I’m using Cutline, however. Same problem remains.

  I also can’t get a tagline to show, if anyone knows anything about that either!

• 

  devblog · Member · Oct 16, 2009 at 4:11 pm

  • Copy link

  For the tag line, I believe this theme doesn’t support one.

  I’m assuming you have the CSS upgrade. If you do, before saving any changes you might have, I’d recommend you reading this:

  http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

  Now, I could give you the code that would take care of what you want to do, but if you’re going to change themes to one that does support tag lines, then the code I’d give you wouldn’t work.

  If you’re going to stick with this theme, then we can proceed.

• 

  thesacredpath · Member · Oct 16, 2009 at 4:11 pm

  • Copy link

  Cutline does not show a tagline. It was the choice of the theme designer. Some show it and some do not.

  Neither Cutline nor Pressrow have a background color declaration for the content area – no need to since the entire background area of the blog is white.

  With Pressrow, the post/sidebar area is contained in #content-box. You will have to add a background color declaration. You are also going to have to play with padding and width in #sidebar and in #content so that the text and widgets are not right up against the edge of the background color block. You can try the following and then replace the colors with yours. I just through those in for testing. Paste only the parts of the CSS, and the specific declarations that you are adding or changing into the CSS edit window (such as I have below), and make sure that “add to exisiting…” is checked

  body {
  background:red;
  }
  
  #content_box {
  background:wheat;
  }
  
  #content {
  padding:20px 40px 0 15px;
  width:485px;
  }
  
  #sidebar {
  padding-top:20px;
  width:215px;
  }

• 

  thesacredpath · Member · Oct 16, 2009 at 4:12 pm

  • Copy link

  Oops, didn’t know if you were around devblog.

• 

  devblog · Member · Oct 16, 2009 at 4:13 pm

  • Copy link

  no problem, my friend.

• 

  estradaryan · Member · Oct 16, 2009 at 9:46 pm

  • Copy link

  I’m keeping Cutline, I don’t care that much about the tagline, and I am going to try that code…I’ll let you know! Thanks VERY much in advance.

• 

  estradaryan · Member · Oct 16, 2009 at 9:49 pm

  • Copy link

  So far so good…now I just have to figure out how to get that white box to go all the way up to the top of the page (to surround the header text and image and nav as well)…shoulda said that, sorry! What now?

  (And THANK YOU THANK YOU again…)

• 

  thesacredpath · Member · Oct 16, 2009 at 11:34 pm

  • Copy link

  Add

  background:wheat;
  height:280px;

  to #container (substituting your color choice of course.

• 

  estradaryan · Member · Oct 17, 2009 at 1:02 am

  • Copy link

  Thank youuuuuuuuuuuuu.

• 

  thesacredpath · Member · Oct 17, 2009 at 1:36 am

  • Copy link

  You’re welcome.