WordPress Tricks

Small Business Theme: modification of header, footer, links, sidebar and more

Running a business is no small task. But with the right tools and support, creating a website doesn’t have to be another chore on your to-do list: enter Small Business, a simple yet powerful theme for small-business owners and entrepreneurs. You can check the demo of Small Business Theme.

theme for small business

Though it cost $5 for wordpress.com free users, but is free to use for  premium and business plan.

Here i am sharing you some trick to make it look outstanding using css styling.

You can ask question regarding any issue you are facing.

Or can take my personal help.

Question 1:  To Change top header ( behind site title and tagline) background color

.header-wrapper {
background: yellow;
border-top: 5px solid red;
border-bottom: 5px solid red;


*** to change background behind site title

.site-branding {
background: yellow !important;

*** to change the color of top and bottom of round circle

.site-header:before {
background: yellow;


*** to change the background of top and bottom of site title

.header-wrapper:after {
background: yellow;

small business theme header section menu section modification

Question 2: To change site title’s font color, size and font family

.site-title a {
color: darkred !important;
border: 1px solid transparent;
font-size: 24px !important;
font-family: cursive !important;

** to change site title’s hover  and clicked font color

.site-title a:hover, .site-title a:active {
opacity: 0.5;
color: green !important;
text-decoration: none;

Question 3 :  To change site description ( tagline) font color, font size and font family

p.site-description {
color: white !important;
opacity: 1 !important;
font-size: 23px !important;
font-family: cursive;

Question 4: To change menu font color, font size and font family

.main-navigation a {
color: darkred !important;
font-family: cursive !important;
font-size: 14px !important;

** To change menu hover and clicked (focus) font color

.main-navigation a:hover, .main-navigation a:active {
opacity: 0.5;
color: green !important;

Question 5:  Small business theme’s background color, header ( h1, h2 etc) font change and more

Answer : Go to dashboard > Apearance > Customize     and check the image attached


small business theme background font menu style change

Question 6 :  To change the link color in articles and also to change link color when clicked

article a, article a:visited {
color: blue !important;

*** To change the article links hover color  and also not to show underline when put mouse (hover) over links

article a:hover {
text-decoration: none !important;
color: red !important;

small business theme article links color modification

Question 7 : To change font color, font size and font family of top contact section

.contact-info-area a {
color: red !important;
font-size: 19px !important;
font-family: cursive;


small business theme top contact info styling


Question 8 : To change the width of content section for both pages and single posts

.hentry, .comments-area, .archive-description {
max-width: 1100px !important;

small business theme content section width change


Question 9 : To change the blog, category, tag or archive page post title’s hover color

.entry-title a:hover {
color: darkred !important;


If you have any issue feel free to ask me question here in comments section


Pay me some, I will help you for CSS Issue Personally CLICK HERE….

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s