Split Background Color on Preference

[Roland]

A:

Can’t believe I’ve not run into this already . . .

I’m comping up a site (http://kaboomya.com) and I’m vexed as to how to get the top half of the page’s background color and the bottom half the same. The Hex colors are identical (even checked it in Firebug) and I’ve removed the background image from Appearance >> Background

So I’m vexed. Vexed I tell you.

:-\

[Sushil Adhikari]

If you go to Appearance >> Backgrounds >> you can remove the background image which should expose your background colour to be like your top.

However, you will still need to add some custom css to remove the bottom border that splits the screen because it will take the top border colour at the same time.

#page-top-bg {
bottom-border: none;
}

[Roland]

I did go to Appearance >> Background and hit “Remove Background Image” Andre:

I even said so in my query 😛

Just double checked and all looks as it should instructions-wise, but the page is displaying to different shades top vs bottom

[Sushil Adhikari]

OH yeah…you’re right, you did say that :S

Open the style.css and look for this at the beginning;

body {
font-size: 13px;
font-size: 0.813rem;
line-height: 21px;
line-height: 1.313rem;
background: #DADDDF url('images/patterns/pattern-bg.png') 0 0 repeat fixed;
}

Take that whole background line out. I see I left that in there….see, time for me to have a vacation.

[Roland]

That did it!

Enjoy your 4 weeks in Hawaii (I assume that’s where you go on your vacays)

Best,

~Roland

[Author]

Posts