Jump to content
Sign in to follow this  
anlinares

Canvas/Content Background

Recommended Posts

anlinares    1
anlinares

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
Henry Perkins+    14
Henry Perkins
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
anlinares    1
anlinares
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
Jenny    33
Jenny
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?

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
anlinares    1
anlinares
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
Danny    1,327
Danny
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.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
anlinares    1
anlinares
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
Danny    1,327
Danny
No trouble what so ever! :D

Please search our forums, before posting!

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  

×