What’s Your Preference?

BigFuzzy · #1 (**permalink**) 04-14-2011, 01:53 PM

Hola folks,
I'm gonna try to explain my issue but I'm not even sure what the best way to say what I want is.. so bear with me (or tell me to sod off).

Ok, here's my deal. I got a template from Theme forest for my website (below).

I have ZERO ability in coding/css etc..

I'm pretty happy with my site, but the one thing I've not been able to find is how to ensure that my pages have a plain color background that's different from the background image. For example, look to the right and left of this forum, there's that brownish/tan background, but where we're actually reading is a different (complimentary color).

This is what I want to do, but I can't seem to find the code anywhere for that. Not even sure if it's simply in the stylesheet or some other section of the css coding.. And no, my template doesn't have a section in the settings that deals with this, I believe it's coded this way.

Any/all help greatly appreciated.

BuddhaPi · #2 (**permalink**) 04-14-2011, 01:58 PM

sod off! I'm going to have a poke around your code...

BigFuzzy · #3 (**permalink**) 04-14-2011, 01:59 PM

Be gentle, I'm very virginal.

dakwegmo · #4 (**permalink**) 04-14-2011, 02:12 PM

Your template doesn't have the necessary containers to simply change the CSS styles like this. It wouldn't be too difficult to add them, but, depending on how it's built, you may need to make edits to several different files within the theme, as well as the CSS, to get it looking the way you want.

dakwegmo · #5 (**permalink**) 04-14-2011, 02:18 PM

The easiest thing to do would be to find the body tags in each of the theme files and immediately after that add a div then before each closing body tag, add the closing div tag.

Something like this:

HTML Code:

<body>
<div id="container">

...

</div>
</body>
</html>

In WordPress themes, the opening and closing body tags may be in more than one place, though they're usually in header.php and footer.php.

You can then style this as you see fit. Just add something like this to your style.css file.

HTML Code:

#container { 
width: 800px;
margin-left: auto; margin-right: auto; 
background-color: #00ff00;
}

dlambert · #6 (**permalink**) 04-14-2011, 02:20 PM

Very likely this is a style in your stylesheet. If you need help finding it, let me know. I'm not exactly certain which site you're talking about (Al Borrelli Photography or you blog). I can see where this might apply on your blog, and if this is what you're talking about, it should be a relatively easy fix -- something like the attached, maybe?

dakwegmo · #7 (**permalink**) 04-14-2011, 02:28 PM

Ignore what I said above. It looks like you do have the container div, so it would just be a matter of setting the background color in style.css, for #container.

Find this:

HTML Code:

#container {	
	margin: 0 auto;
	width: 800px;
	background-color: none;	
	padding: 20px 50px;	
}

And replace "none" with a hex code for the color you want. That should give you a solid center column just like on DPS.

BuddhaPi · #8 (**permalink**) 04-14-2011, 02:32 PM

looks like you have your answer!

BigFuzzy · #9 (**permalink**) 04-14-2011, 02:51 PM

Wow.. all of you are quick.. and good.
Yes, David, that's what I want to do. Well, at least on my blog and perhaps on other individual pages.
Is it considerably more difficult to do it on selective pages, such as my "Bio" page and others?
If so, I'd be happy to just have my blog "fixed".

Dakwegmo - I assume that code would also be the place I could change the container size as well (were I want to, no plans yet)?

Seriously, thanks guys.. should have come here long ago it's just I like to figure things out on my own.

I'll see what happens when I try now. You guys rock.

BigFuzzy · #10 (**permalink**) 04-14-2011, 02:58 PM

It works!!

What does the "padding" do.. does that mean I can shift the whole Container down/up/left/right? I'd like to shift my whole container down as the b/g color now blocks part of my logo...
You guys can bill me ..

EDIT don't judge my color selection just yet.. just playing ATM.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Subscription Options

Join Over 871,000 Subscribers

What’s Your Preference?

Daily Digest

Weekly Summary