Create black 1px borders around search field and remove anemic gray shading

Hi Trinity7,

thanks for using MH Magazine lite.

This isn’t possible out of the box. However, if you’re familiar with coding, you can always use tools like Firebug or your browsers inspection tool, check the CSS of the particular elements and then use this information to add your own custom CSS code.

To add your own custom CSS code, you can either create a child theme to add modifications or make use of plugins like for example Simple Custom CSS.

As a start, you could for example remove the backgroud plus padding and then proceed with your own customizations to style it as you like:

.mh-widget .search-form {
    background: none;
    padding: 0;
}

If you’re not yet familiar with CSS, you can also have a look at this tutorial for more information and there are lots of additional helpful tutorials available online as well: Basic CSS Tutorial.

Perfect, thank you.

.mh-widget .search-form {
background: none;
padding: 0px;
border-style: solid;
border-width: 1px 1px 1px 1px;
}

pasted into the themes CSS Stylesheet Editor