Off-White Background Removal?

[Roland]

Andre:

On both Preference and Celestial Reloaded the default backgrounds are slightly off-white (On CR the off-whiteness is actually in the logo section(see image attached). Can we ‘clear’ this so that the background is literally all white/clear

with no texture?
background.png
background_2013-11-04.png

Attachments:

You must be logged in to view attached files.

[Sushil Adhikari]

I’m not sure I follow but there is a theme option to change the background colour of the header area for Celestial Reloaded:

Appearance >> Customize >> Colours >> Header Background.

[Roland]

Right . . . and I suspect that is what’s causing the grey-ish effect we see.

It’s not an obvious distraction and many people may not even notice it, but my client has noticed and is asking me to remove it.

Can I ‘disable’ that color-change-background option in an effort to make the entire background clear?

[Sushil Adhikari]

Not sure what you mean by Clear….clear would show the background of the page through. The header background colour option is meant to allow a user to change the colour to what they want. To make it white, you would click on the colour selector for that setting and change it to white. Right now I believe it’s #f6f6f6 which is has a little bit of grey to it.

[Roland]

Andre:

For the Preference Theme . . . it is the “Background Color” when I choose APPEARANCE >> CUSTOMIZE and/or the APPEARANCE >> BACKGROUND option that seems to be the issue.

In BOTH cases, I’ve set the background color to #ffffff and clicked “Save” and yet you can still see a shadow-like element instead of pure white for the lower half of the page background.

Check it out, here: http://dariahowell.com/

[Sushil Adhikari]

Ah, now I see what you are referring to. Turns out it’s my fault because I left the background in the style.css, which should not be there. I will make this as an update to remove that, but in the mean time, you can change this in the parent theme of Preference style.css file around line 81

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;
}

Remove the background line of css code. The new update later will reflect this.

I thought you were referring to the Celestial theme, but this solution is for the Preference one.

[Roland]

Yeah, on Celestial Reloaded that header issue was my error. I thought I had changed the header to #ffffff. I either didn’t or I did and didn’t save it.

I should really learn to slow down one day.

🙂

Thanks,

~R

[Roland]

This has been a weird weekend and I’m sorry to ask this . . . but . . .

While removing that code worked great on the website above, on my latest build http://kimmarkscoaching.com/ I still have that background shadow on the Preference theme.

Here’s the remaining code
body {
font-size:16px;
font-size: 1.000rem;
line-height:21px;
line-height:1.313rem;

}

What I do wrong?

I even went back to the editor in the original posting and it looks identical to what I’ve done with this build. And I’ve cleared my cache. I at a loss, here, A

~R

[Sushil Adhikari]

Go to Appearance >> Background >> then remove the background image.

[Roland]

Ohhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh!

Thank you

[Author]

Posts