Solved

CSS background-image:url  help on wordpress website

Posted on 2013-01-24
7
364 Views
Last Modified: 2013-01-27
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
0
Comment
Question by:weikelbob
  • 4
  • 3
7 Comments
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 38817066
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.
0
 
LVL 7

Author Comment

by:weikelbob
ID: 38817128
#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.
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 38817227
yes. put it in your css file. The borders will extend as far as the content div.
0
Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

 
LVL 7

Author Comment

by:weikelbob
ID: 38817436
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.
0
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 500 total points
ID: 38818316
ok. that's not what's in your picture.

you already have a background image that you are using. just change that image to reflect what you want. and make the background color of the content divs white.
0
 
LVL 7

Author Comment

by:weikelbob
ID: 38820325
That will work, I tried to portray that in my images, sorry.

I'll give this a shot
0
 
LVL 7

Author Closing Comment

by:weikelbob
ID: 38825359
Thanks!
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now