Link to home
Start Free TrialLog in
Avatar of weikelbob
weikelbobFlag for United States of America

asked on

CSS background-image:url help on wordpress website

Hello,

Our current site is at

www.thewealthymind(dot)com

The home page is a bit different than internal pages graphically.

Attached are screenshots of what I want the home page and internal page CSS backgrounds to look like. I simply want a light grey background on the left and right side of the page with a 1px dark grey border between the inside of the page and the left and right. Same with the internal pages (see screenshots)

I'm open to whatever is easiest to do when it comes to the grey in the footer.

I've also attached a screenshot of my proposed background image that will do the job, though I'm open to suggestions.

It also has to look good in all modern browsers.

I can't figure it out. Please help.
wanted-background.png
internal-screenshot-how-I-want-i.png
css-image-for-background.gif
Avatar of Kyle Hamilton
Kyle Hamilton
Flag of United States of America image

You won't need a background image if all you want are some borders:

#content, .content{
border-left: 8px solid grey;
border-right: 8px solid grey;
}

The screenshots attached are kind of blurry, and I'm not sure how pixel perfect you want the solution. But my advice is not to try to reach pixel perfection, and use css instead of images to accomplish the goal.
Avatar of weikelbob

ASKER

#content, .content{
border-left: 8px solid grey;
border-right: 8px solid grey;
}

Is that what goes in my style.css, or is that just generally what you would do.

I want the grey borders on the left and right to extend indefinitely, or at least as large as any screen will be.

Thanks.
yes. put it in your css file. The borders will extend as far as the content div.
I put it in and it created a small border on the left and right.

So I made the border 1000px wide and that didn't work - I couldn't see the page anymore, just the border.

I want a border on the left and right that extends left and right until it hits the left and right sides of the screen.
ASKER CERTIFIED SOLUTION
Avatar of Kyle Hamilton
Kyle Hamilton
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
That will work, I tried to portray that in my images, sorry.

I'll give this a shot
Thanks!