XF 1.1 Design issue: Background of forum search

[twollert]

How can I change the background color of the forum search form, WITHOUT setting the value for .xenForm in the EXTRA.css? By default it's transparent, but I want it to be white:



(Can't change the value of .xenForm because it's also controlling the login bar.)

Thanks for your help!

 

[Paul B]

Edit the search_form_post template and add your own class/inline styling to it.

 

[twollert]

In the search_form_post template I tried to add

background="#ffffff"

to the FORM tag. But that didn't work. Any ideas?

 

[Jake Bunce]

(Can't change the value of .xenForm because it's also controlling the login bar.)

Use this in EXTRA.css:

.search_form .xenForm
{
	background-color: green;
}

By using the content template "search_form" you target the search page only.

 

[twollert]

Thanks, Jake! I tried that with the default style, but

.search_form .xenForm
{
    background-color: green;
}

didn't work at all. That's strange!

The code

.xenForm
{
background-color: green;
}

is changing the background color of the search and login form to green.

Any other ideas?

 

[Paul B]

There are three search templates: search_form, search_form_post, search_form_profile_post

Try adding it for all three so it works no matter which tab is selected.

 

[twollert]

Perfect - that's it! search_form was only for one tab.

.search_form .xenForm
{
    background-color: green;
}
 
.search_form_post .xenForm
{
    background-color: green;
}
 
.search_form_profile_post .xenForm
{
    background-color: green;
}

works great. Thank you!