[jlknauff]

If you have a caching plugin, you'll have to clear the cache in order for the changes to take effect with the plugin active.

[jlknauff]

Look in your CSS for the class or ID that targets the search form; specifically, within a media selector. There is something in your CSS to hide the search form below a certain screen size.

This is what you're looking for:

@media only screen@media only screen and (min-width: 1224px) {
...some CSS code...
}

Find the CSS for the search form within that at a smaller screen size and you should find what you need.

[jlknauff]

I figured out why...

I manually copied the content from the widgets in the dev site into the live site because new content had been added to the live site after I created the dev environment. There is a CSS class for the h2 in that specific widget, but the widget # was different from dev to live, so the class wasn't applied.

[jlknauff]

Hmmm. You are correct, but that doesn't seem to make any sense because it works on the dev site, and they both have the exact same CSS and files.

Can you think of any reason that might happen?

P.S. Thanks!

[jlknauff]

Christoph, shit, I'm 99% sure you just hit the nail on the head. 😉

[jlknauff]

Awesome! That solved it.

Thank you!

[jlknauff]

Hmmm...if you're changing the correct CSS, it definitely should change on the front end.

Try this...

.widget .widget_wysija

If that doesn't work, and if you don't mind a stranger poking around in there, I can log in and take a look tomorrow.

[jlknauff]

Are you sure you're editing the right file? I tried the changes that both Victor and I recommended and it changes the area you're trying to change.

(Right click to inspect in Chrome or with the Firebug extension in Firefox to see changes live in real time.)

[jlknauff]

Do you have a caching plugin? If so, flush your cache, and do a hard refresh (ctrl + f5)

[jlknauff]

Jeanne,

Try this instead:

.widget_wysija {
    background-color: #ff0000;
    color: #000000;
}

[Author]

Posts