• 0
Sign in to follow this  
Followers 0

Canvas/Content Background

Question

Posted · Report post

Just getting started on this site. I have Firebug and have tried every selector I can find but can't seem to get the padding off the sides of the page so that the background image stretches it's full width - 1000 px, same as layout width. Any help? Thanks! www.voteqh.com

	#page-main .content {
	width: 1000px !important;
	padding: 0px !important;
	background-image: url(http://ashleylinares.com/hanson/wp-content/uploads/2012/07/body-tile.png) !important;
	background-repeat: repeat-y !important;
	}
	

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

No need to mess with CSS here, just upload the image as your background and hit repeat vertical. set margin top to 0. And then, make sure your layout mode is set to a mode with pixel width, and site design mode is set to fixed width.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I already have a page background set. I just want this image set as the background for the content area. Is there a different place to load this? Otherwise, it looks to me like there is padding on either side of the content area that I can't target that is causing the problem.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I don't see the CSS on your site right now. I was looking for it to try to adjust it - helps in debugging. :) To get things straight though, could you please provide us with a screenshot of where the background image should be taking affect?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Here is a picture. The top is what I am seeing on both sides of the content. The bottom I have highlighted in red where I would like the image to be - line up with the feature slider and the footer to create one continuous line down the sides. [img]http://ashleylinares.com/hanson/wp-content/uploads/2012/07/padding.jpg[/img] Wondering why you can't see the css. Something on my end? It should be there. Thanks!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, The issue is that although your image is 1000px like the width of your site the white area of the image is actually less than 1000px, roughly 960px so thats the issue you're having. All you need to do is open your image in photo editing software and increase the width.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Wow. Was using an image I created for a different site and didn't realize there was blank space on the sides. Wow. That was dumb on my part. Sorry for the trouble!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No trouble what so ever! :D

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0