How to Change the Header Background Color in the SmallBiz Mobile Theme Layout

Written by: Eileen Lonergan


I am going to show you how to change the color of the default header in the Mobile layout of SmallBiz WordPress theme from Expand2Web.

Login to your WordPress site and navigate to:

Dashboard >Appearance >Editor >CSS

Copy and paste this code into your CSS file:

#headerstrip{
background:#000000;
}

Change the #000000 to any hex color you want.

SmallBiz Theme | How to Change the Default Header Color

Default Color

WordPress Mobile Themes | Edit Header Color SmallBiz Mobile Theme

After

PS I am always asked about hosting for WordPress, and always suggest BlueHost. The offer one click WordPress installation and are available 24/7 with support.

If you need a mobile version of your website, contact Eileen Lonergan. Eileen Lonergan designs WordPress websites, websites for Facebook & mobile websites.

This post was written by

Eileen Lonergan – who has written posts on Eileen Lonergan Web Design & Internet Marketing.
This is my blog and I hope you enjoy it. I try to share tips and tricks that I have learned about WordPress and digital marketing, which hopefully will make your life a bit easier. I have been working on search engine marketing for clients since 2003.

Email  • Google + • Facebook  • Twitter

Related Posts with Thumbnails

4 Responses to “How to Change the Header Background Color in the SmallBiz Mobile Theme Layout”

  1. Yvonne Says:

    Thanks Eileen! I always enjoy your concise tutorials! Good information!

  2. eileen Says:

    Thank you Yvonne, I appreciate your compliment!

  3. Simon Frandsen Says:

    Thanks for sharing. This guide worked perfect for me.

    Simon

  4. Change the Wording on the SmallBiz Mobile Layout | WordPress Mobile Theme | Website Designer MA Says:

    [...] How to Change the Header Background Color in the SmallBiz Mobile Theme Layout [...]