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

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

OR

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

%d bloggers like this: