header border

1. You just open your site on browser.
2. Check which style declaration causing the issue by using firebug or any other debugging tool.
3. Copy the css selector of that declaration and go to your style file.
4. Search for that selector and replace the style(s) with your own

do I need to create a child-theme??

I am worried that when the theme updates, I will lose all the changes.

What do you think?

Hi jchiu495,

thanks for using MH Magazine lite.

If you want to prevent that your modifications will be erased by updates, you could indeed create a child theme. If you just want to customize a few lines of CSS, you could also just use plugins like for example Simple Custom CSS.

You also might want to have a look at these tutorials:

• How to use Firebug to Inspect HTML and Tweak CSS in Real Time
• Basic CSS Tutorial to add Custom CSS to your WordPress Website

I was able to modify the css with Simple Custom CSS. Will the changes persist when I update the theme?

Your code won’t be lost after theme updates because it is now saved within the plugin and not within the theme files. Your CSS modifications will remain after updates, unless there are structural changes in the theme (e.g. modified CSS classes, markup changes, etc…).

Thanks for the explanation. It makes perfect sense. I just wanted to confirm it.

Do you know if we can make the right side of the header interactive? like maybe put a widget there?

This would require further customizations as you would need to register an additional widget area, add the widget area to the header and also make everything responsive properly. This definitely would require a child theme and isn’t possible with the CSS plugin.

By the way, we’ve planned something like this for one of the next releases of the premium version of MH Magazine and in general we’ve a bunch of other themes that have already a widget area in the header: MH Themes Overview.