Customize Premium The Linen Theme by The Theme Foundry with css. Modification of fonts,header, footer, titles and more

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.
Linen theme documentation of modifications

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;
}

theme lenin by theme foundry site titles modification documentation

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;
}
premium theme linen modification documentation

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;
}
Theme Linen wordpress widget title customization

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;
}

Theme Linen Customization

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 **********
Theme Linen posts customization

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 *****************

Theme Linen customization and documentation
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 footer modification

****************** Linen THeme Slider Modification/Customization ***********************

Linen theme documentation slider

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***************
Linen theme documentation

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;
}

Linen theme customization

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


Want me to help you personally for CSS Issue?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: