Multi Blog by ThemeinWp is a responsive WordPress theme which you can use for personal, travel, fashion, food, photography, publishing, tutorial blogs, or any other site. If you are a creative blogger,then you can use this theme. Here I am sharing you some css tips which you can use to modify the header, footer, sidebar, font color, font family and more using css. You can download MultiBlog by Themeinwp, Or you can see the demo of Multi Blog theme. If you have any question regarding css helps, feel free to ask question in comments section
Header Modification of WordPress MultiBlog theme
- If you want to change site title’s font size color and font family
h1.site-title, h1.site-title a {
font-size: 36px !IMPORTANT;
color: red !important;
font-family: cursive;
}
To change Hover font color of site title and to use underline while hovering over site title
h1.site-title a:hover {
text-decoration: underline;
color: yellow !important;
}
2) If you want to change font size, color and font family of site Description
.site-description span {
font-size: 19px;
color: darkred;
font-family: cursive;
}
3) To change font size color and font family of navigation menu
ul.primary-menu.theme-menu li a, ul.primary-menu.theme-menu li a * {
font-size: 14px;
color: red !important;
font-family: cursive;
}
To change the hover color of menu items
ul.primary-menu.theme-menu li a:hover {
color: green !important;
}
Sidebar title, links and text customization
4) If you want to change Widget title’s font size, color and font family
aside#secondary .widget h2 {
font-size: 24px !IMPORTANT;
color: darkred !important;
font-family: cursive;
}
5) If you want to change widget links font size, color and font family
aside#secondary .widget li a {
font-size: 14px;
color: darkred !important;
font-family: cursive !important;
}
Single Post title & Meta modification
6) To change font size, color and font family of single post title
.single-post h1.entry-title, .single-post h1.entry-title * {
font-size: 24px !IMPORTANT;
color: red !important;
font-family: cursive !IMPORTANT;
}
7) To change font size, color and font family of entry meta
.entry-meta-item, .entry-meta-item * {
font-size: 13px !important;
color: darkred !important;
font-family: cursive !important;
}
8) To change line height, font size, color and font family of single post content
.single-post .post-content .entry-content p {
font-size: 17px !important;
color: darkred !important;
font-family: cursive;
line-height: 22px !IMPORTANT;
}
Footer Copyright modifications
9) To change footer copyright section font size, color and font family
.footer-copyright, .footer-copyright * {
font-size: 16px;
color: darkred !important;
font-family: cursive;
}
Comments portion Modification
10) To change Leave A Reply portion font size color and font family
h3#reply-title {
font-size: 19px !IMPORTANT;
color: darkred !important;
font-family: cursive !important;
}
11) To change Post Comment button / form submit button font size, color, font family and change background color
form#commentform input#submit {
background: red !IMPORTANT;
color: white;
border-color: red !important;
font-size: 14px;
font-family: cursive;
}
12) To change comments label font size color and font family
div#comments div > label, div#comments p > label {
font-size: 17px;
color: darkred !important;
font-family: cursive !important;
}
All About Basic 