Change background color of Flexidx in sidebar

Log into your backend and visit the Editor page under the Appearance menu.

On the right hand side click on style.css

At the top of the file you should see

body {
	background: #912B26;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 15px auto 15px;
	padding: 0;
	line-height: 20px;
	}

Modify background: #912B26; to change the background color of your theme.

dupe: http://wordpress.org/support/topic/add-color-to-widget?replies=2

for laymen:

.flexIDXHS_QuickSearch .widget-wrap { background: #123def!important; }

can be added to any of the stylesheets, anywhere.

i see, frame and background are brown now – i.e. the background is now the color of the frame;

if you intend the widget to look like the other ones – brown outer frame, a bit of white, innner background brown –
try this:

.flexIDXHS_QuickSearch .widget-wrap { background: #F4C015!important; border:10px solid #fff; }

(only checked in firefos; not in any other browsers)

unfortunately, your example link does not help at all, as it has no background color in IE7; and the background color in FF3.6 seems to be coming from the .sidebar h4 style.

I want the frames of the widgets to be the color they are now (light gray). I want the inside of the Quick Search widget to be a gold color.

imho, this code is just doing this:

.flexIDXHS_QuickSearch .widget-wrap { background: #F4C015!important; border:10px solid #fff; }

however, i can only judge this from using firefox web developer add-on; and there is no guarantee that this always translates into the real world 🙁

you are welcome 😉

if this is all sorted, please mark this thread as ‘resolved’.