Before I shared The Revelar Theme by Automattic customization and also the documentation of how to customize premium zuki theme. Today i am sharing you another premium theme modification which is The Linen Theme by The Theme Foundry. Hope you will enjoy the theme and if you have any question feel free to ask question in comments section.
1. If you want to change the background color of the Linen theme by the Theme Foundry
body {
background-color: #452632;
}
2. If you want to change the Navigation menu’s font color, font family and size of the Linen theme by the theme foundary.
.nav ul a, .nav li a {
position: relative;
color: #452632 !important;
font-family: times new roman !important;
font-size: 14px;
}
3. If you want to change Site title’s font style of the Linen theme by the theme foundary.
#title, h1#title a {
color: #452632 !important;
font-family: arial;
font-size: 43px !important;
}
4. If you want to change the Site description font style like color, font size and font family of the linen theme use this code
#description, #description h2 {
font-size: 15px;
color: #452632 !important;
font-family: times new roman !important;
font-style: normal;
}
**** if you dont want to show site description in the linen theme use this code
#description, #description h2 {
display:none;
}
5. If you want to show your Site title and site description to show centered
#title, #description {
text-align: center;
color: white !important;
}
6. If you want to give linen theme header a new look use this code
#header {
padding: 30px;
background: #452632;
}
#description {
display: none !important;
}
#menu-my-menu {
border-bottom: 1px solid #fff !important;
border-top: 1px solid #fff !important;
clear: both;
overflow: hidden;
}
.nav ul a, .nav li a {
position: relative;
color: white !important;
}
.nav li li a {
color: #555 !important;
}
#title a:link, #title a:visited {
color: white !important;
}
#header {
margin-bottom: 23px !important;
}
7. If you want to change sidebar widget title’s border color,font family ,color, size etc
#sidebar h2.widgettitle {
font-size: 1.1em;
font-family: times new roman !important;
font-weight: normal;
color: #452632 !important;
border-bottom: 1px solid #452632 !important;
border-top: 1px solid #452632 !important;
}
8. If you want to give the sidebar widget title a new look with background color and alignment in theme linen theme use this code
#sidebar h2.widgettitle {
padding: 12px 0;
font-size: 1.4em;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
letter-spacing: .1em;
text-transform: uppercase;
border-bottom: 1px solid #452632;
border-top: 1px solid #452632;
background: #452632 !important;
text-align: center !important;
color: white;
}
#sidebar h2.widgettitle a{
color: white;
}
9. If you want to change links color, font, size in widget section in Linen theme wordpress use this code
#sidebar a {
color: #434c6d;
font-family: times new roman !important;
font-size: 14px !important;
}
********* Home Page Content Style Modification **********
10. If you want to change Homepage Post titles styles in linen theme
.entry h2.title a {
color: darkred !important;
text-decoration: none;
font-family: arial;
font-size: 21px !important;
}
11. If you want to change homepage content style change in linen theme
.home .entry p {
font-family: arial !important;
font-size: 14px !important;
color: #222 !important;
}
12. If you want to give Homepage “Read More” button a new look in the theme Linen
.home .more-link {
background: darkred;
padding: 5px;
width: 92px;
text-align: center;
color: white !important;
font-family: arial;
}
**************** Footer widget section Modification *****************
13. If you want to use background in the footer widget title use this code
.footer-column h2 {
background: #452632;
color: white !important;
text-align: center !important;
}
***** to change footer widget title border color and border thickness
.footer-column h2 {
border-top: 1px solid #452632;
border-bottom: 1px solid #452632;
}
*** to change footer widget section link color
.footer-column li a {
color: red !important;
}
*** to change footer normal text
#footer p {
color: darkred;
font-family: times new roman !important;
font-size: 14px !important;
}
14. To give Linen theme footer a new look use this code
#footer {
background: #452632;
}
#footer h2 {
color: white !important;
text-align: center !important;
}
.footer-column a, .footer-column p {
color: white;
}
****************** Linen THeme Slider Modification/Customization ***********************
15. If you want to change the Linen theme slider grey background color use this code
.slide-content {
background: darkred !important;
color: white !important;
}
**** to change the slider title color to different font,color,size or text shadow properly
.slide-content h2 a {
color: white !important;
font-family: arial;
font-size: 19px !important;
}
.slide-content h2 {
text-shadow: 0 1px 0 tr !important;
}
*** To change the slider “Read More” button background, font, color properly
#slides .more-link {
background: green !important;
color: white;
font-family: times new roman;
font-size: 14px;
}
****************** Single Post Modification / customization using css***************
16. If you want to change the single post title’s style in linen theme
.single-post-title {
font-family: arial;
color: darkred;
font-size: 23px !important;
}
17. If you dont want to show Author and date below the single post title in linen theme
.single-post-meta {
display: none;
}
Or
if u want to change the style of Author and date use this code
.single-post-meta {
font-size: 1.2em;
font-style: italic;
color: #888;
font-family: arial;
}
18. If you want to change single post content style like color, font family and font size
.single-post .entry.single.clear {
color: black !important;
font-family: arial;
font-size: 14px;
}
19. If you want to change Next and Previous post title at the end of single post page
.navigation.clear.single a {
color: darkred;
font-family: arial;
font-size: 15px;
}
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 