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.
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.
You can take my personal help in skype : om2000_cuet
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;
}
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
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;
}
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;
}
Question 8 : To change the width of content section for both pages and single posts
.hentry, .comments-area, .archive-description {
max-width: 1100px !important;
}
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
OR
You can take my personal help in skype : om2000_cuet
All About Basic 