WordPress Theme Fruit Shake by Automattic CSS Style sheet edit :Modify Site Title,Post Title,Description,Content,Sidebar and More.

Fruit Shake is another nice theme designed by Automattic. Here I have shown some basic and important css modification which will help you to change the look of this theme.

Just apply this CSS code at the bottom of style.css

You may Also Like the following CSS Modification to try

1. WordPress Twenty Ten Theme CSS Style Sheet modification.
2. WordPress Duster Theme CSS Style Sheet Modification.
3. WordPress Bueno Theme CSS Modification.
4. WordPress Freshy Theme CSS Modification
5. WordPress Mystique Theme CSS Style Sheet Modification.

1. If you want to change the Color,font size and font type of Site Title

#site-title a {
color: red;
display: inline-block;
font-family: times New Roman;
font-size: 36px;
font-weight: 100;
letter-spacing: 0.075em;
line-height: 48px;
padding: 32px 40px 18px;
text-decoration: none;
}

2. If you want to change the Background Color of Site Title (Only the site Title except search form)

#site-title a {
background-color: gray;
color: red;
display: inline-block;
font-family: times New Roman;
font-size: 36px;
font-weight: 100;
letter-spacing: 0.075em;
line-height: 48px;
padding: 32px 40px 18px;
text-decoration: none;
}

3. If you don’t want to show the search form in the Top right side of the Site Title

.secondary #branding #searchform {
display: none;
position: absolute;
right: 40px;
top: 3.1em;
}

4. If you want to occupy the whole Header Portion for Site Title without the Search Form

.secondary #site-title a {
margin: 0 171px 0 0;
}

.secondary #branding #searchform {
display: none;
position: absolute;
right: 40px;
top: 3.1em;
}

hgroup #site-title {
background-color: gold;
}

5. If you want to change Site Description’s font color,font size and font type of Fruit Shake Theme

#site-description {
background: none repeat scroll 0 0 #FDF9EE;
border-color: #E4E0D5;
border-style: solid;
border-width: 1px 0;
color: #333333;
font-family: times New Roman;
font-size: 13px;
letter-spacing: 0.15em;
padding: 11px 40px;
text-transform: uppercase;
}

6. If you want to change Site Description’s background color of Fruit Shake Theme

#site-description {
background-color: gray;
border-color: #E4E0D5;
border-style: solid;
border-width: 1px 0;
color: #FFFFFF;
font-family: times New Roman;
font-size: 13px;
letter-spacing: 0.15em;
padding: 11px 40px;
text-transform: uppercase;
}

7. If you don’t want to show the Site Title and Search form ( Top Header Portion) of Fruit Shake Theme

hgroup #site-title {
display: none;
}

.secondary #branding #searchform {
display: none;
position: absolute;
right: 40px;
top: 3.1em;
}

8. If you don’t want to show the Site Description of Fruit Shake Theme

#site-description {
display: none;
}

9. If you want to change the height of Header Top Image of Fruit Shake Theme

#site-image img {
border-color: #E4E0D5;
border-style: solid;
border-width: 1px 0;
clear: both;
height: 194px;
margin: 4px 0 -4px;
max-width: 100%;
}

10. If you want to change the color of Blog Post Body of Fruit Shake Theme

#main {
-moz-border-radius: 0 0 5px 5px;
background: none repeat scroll 0 0 red;
border-color: #E4E0D5;
border-style: solid;
border-width: 1px 0;
clear: both;
padding: 3em 0 0;
}

11. If you want to Reduce the Gap/Blank Space between Blog Post Content and Sidebar of Fruit Shake Theme

Note: Here Blog Post Content’s width is increased.

.secondary #content {
margin: 0 33.5% 0 4%;
}

11. If you want to Reduce the Gap/Space between Header Image and Blog Post Content and Sidebar of Fruit Shake Theme

#main {
background: none repeat scroll 0 0 #FDF9EE;
border: medium none;
clear: both;
padding: 0 0 0;
}

12. If you want to Right Sidebar widget Background Color of Fruit Shake Theme

.widget {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #E2E294;
color: #7C7C2E;
margin: 0 0 1.5em;
padding: 20px;
}

13. If you don’t want to show Right Sidebar’s Widget Square Bullets of Fruit Shake Theme

#secondary ul li {
list-style: none;
}

14. If you want to change Right SideBar Link color of Fruit Shake Theme

.widget ul a {
color: black;
text-decoration: none;
}

15. If you want to change Right SideBar Link Hover color of Fruit Shake Theme

.widget a:hover {
color: red;
text-decoration: none;
}

16. If you want to change the font color,font size and font family of “Continue Reading” in Fruit Shake Theme

.more-link {
color: red;
font-family: times New Roman;
font-size: 19px;
font-weight: bold;
text-decoration: none;
}

17. If you want to change the font of Blog Post of Fruit Shake Theme

.entry-content p {
font-family: times New Roman;
font-size: 15px;
color: #333333;
}

18. If you don’t want to show the “Post By admin” of Fruit Shake Theme

.entry-header .entry-meta {
border-color: #E4E0D5;
border-style: solid;
border-width: 1px 0;
display: none;
margin: 0 -30px;
padding: 6px 30px;
}

19. To change the font color, size and background of “Leave a Reply” of comments scetion in Fruit Shake Theme

#respond h3 {
background-color: gold;
color: red;
display: block;
font-family: times New Roman;
font-size: 21px;
margin-bottom: 15px;
margin-top: 15px;
padding-bottom: 0;
padding-top: 0;
}

20. If you don’t want to show the footer side Navigation Link in Fruit Shake Theme

#content-nav {
-moz-border-radius: 0 0 5px 5px;
background: none repeat scroll 0 0 #FFFFFF;
border-top: 1px solid #E4E0D5;
clear: both;
display: none;
overflow: hidden;
padding: 1.5em 40px;
}

21. If you don’t want to show the Black Border around the body Link in Fruit Shake Theme

#page {
-moz-border-radius: 10px 10px 10px 10px;
background: none repeat scroll 0 0 transparent;
padding: 10px 0;
}

21. If you don’t want to show the Black Border around the body in Fruit Shake Theme

#page {
-moz-border-radius: 10px 10px 10px 10px;
background: none repeat scroll 0 0 transparent;
padding: 10px 0;
}

22. If you want to change the Black Border color around the body in Fruit Shake Theme

#page {
-moz-border-radius: 10px 10px 10px 10px;
background: none repeat scroll 0 0 red;
padding: 10px 0;
}

23. If you want to change the Blog Post Title font color,size and font family of Fruit Shake Theme

.entry-title a {
color: red;
font-family: times New Roman;
font-size: 19px;
text-decoration: none;
}