First of all thank you very much free wordpress themes to this minimalist, perfect theme Perfect Blemish 2.0.
1.Fix the CSS Validation
File : /wp-content/themes/perfectblemish/style.css
Change line 90
1
2
3
4
5
6
7
#logo p {
margin : -5px 0 0 0 ;
text-transform : lowercase ;
font : normal 14px Georgia , "Times New Roman" , Times , serif ;
font-style : italic ;
color : #45302c ;
}
to
1
2
3
4
5
6
7
8
#logo p {
margin : -5px 0px 0px 0px ;
padding : 0px 0px 0px 0px ;
text-transform : lowercase ;
font : normal 14px Georgia , "Times New Roman" , Times , serif ;
font-style : italic ;
color : #45302C ;
}
Now your blog should be valid CSS 2.1. Please check CSS Validation.
2.Fix the Menu background image
File : /wp-content/themes/perfectblemish/style.css
Change line 67
1
2
3
4
5
6
7
#header {
overflow : hidden ;
width : 1000px ;
height : 50px ;
margin : 0px auto 20px auto ;
background : url(images/img01.jpg) no-repeat right top ;
}
to
1
2
3
4
5
6
#header {
overflow : hidden ;
width : 1000px ;
height : 50px ;
margin : 0px auto 20px auto ;
}
And don’t forget to delete file /wp-content/themes/perfectblemish/images/img01.jpg .
3.Fix the lorem ipsum text under the blog
File : /wp-content/themes/perfectblemish/single.php
Delete line between 49 to 52.
1
2
3
4
< div id = "about" >
< h2 > Lorem ipsum dolor amet </ h2 >
< p > Sed lacus . Donec lectus . Nullam pretium nibh ut turpis . Nam bibendum . In nulla tortor , < a href = "#" > elementum </ a > vel , tempor at , varius non , purus . Mauris vitae nisl nec metus placerat consectetuer . Donec ipsum . Proin imperdiet est . Phasellus dapibus semper urna . Pellentesque ornare , orci in < a href = "#" > consectetuer hendrerit </ a >, urna elit eleifend nunc , ut consectetuer nisl felis ac diam . </ p >
</ div >
File : /wp-content/themes/perfectblemish/search.php
Delete line between 42 to 45.
1
2
3
4
< div id = "about" >
< h2 > Lorem ipsum dolor amet </ h2 >
< p > Sed lacus . Donec lectus . Nullam pretium nibh ut turpis . Nam bibendum . In nulla tortor , < a href = "#" > elementum </ a > vel , tempor at , varius non , purus . Mauris vitae nisl nec metus placerat consectetuer . Donec ipsum . Proin imperdiet est . Phasellus dapibus semper urna . Pellentesque ornare , orci in < a href = "#" > consectetuer hendrerit </ a >, urna elit eleifend nunc , ut consectetuer nisl felis ac diam . </ p >
</ div >
File : /wp-content/themes/perfectblemish/page.php
Delete line between 20 to 23.
1
2
3
4
< div id = "about" >
< h2 > Lorem ipsum dolor amet </ h2 >
< p > Sed lacus . Donec lectus . Nullam pretium nibh ut turpis . Nam bibendum . In nulla tortor , < a href = "#" > elementum </ a > vel , tempor at , varius non , purus . Mauris vitae nisl nec metus placerat consectetuer . Donec ipsum . Proin imperdiet est . Phasellus dapibus semper urna . Pellentesque ornare , orci in < a href = "#" > consectetuer hendrerit </ a >, urna elit eleifend nunc , ut consectetuer nisl felis ac diam . </ p >
</ div >
File : /wp-content/themes/perfectblemish/archive.php
Delete line between 54 to 57.
1
2
3
4
< div id = "about" >
< h2 > Lorem ipsum dolor amet </ h2 >
< p > Sed lacus . Donec lectus . Nullam pretium nibh ut turpis . Nam bibendum . In nulla tortor , < a href = "#" > elementum </ a > vel , tempor at , varius non , purus . Mauris vitae nisl nec metus placerat consectetuer . Donec ipsum . Proin imperdiet est . Phasellus dapibus semper urna . Pellentesque ornare , orci in < a href = "#" > consectetuer hendrerit </ a >, urna elit eleifend nunc , ut consectetuer nisl felis ac diam . </ p >
</ div >[
4.Add w3c validation icons to footer
File : /wp-content/themes/perfectblemish/footer.php
Add code after line 9
1
2
3
< div id = "footer-wrap" >
< p id = "legal" > Designed by < a href = "http://www.freewpthemes.net/" > Free WordPress Themes </ a >. Powered by < a href = "http://wordpress.org/" > WordPress </ a >.< br /></ p >
</ div >
Attention line between 10 to 19.
1
2
3
4
5
6
7
8
9
10
11
12
13
< div id = "footer-wrap" >
< p id = "legal" > Designed by < a href = "http://www.freewpthemes.net/" > Free WordPress Themes </ a >. Powered by < a href = "http://wordpress.org/" > WordPress </ a >.< br /></ p >
< p >
< a href = "http://validator.w3.org/check?uri=referer" >
< img src = "http://www.w3.org/Icons/valid-xhtml10"
alt = "Valid XHTML 1.0 Transitional" height = "31" width = "88" /></ a >
< a href = "http://jigsaw.w3.org/css-validator/check/referer" >
< img style = "border:0;width:88px;height:31px"
src = "http://jigsaw.w3.org/css-validator/images/vcss"
alt = "Valid CSS!" />
</ a >
</ p >
</ div >
Note: When you develop or design some project, please avoid to extend 80 or 120 character per line. Otherwise it is difficult to read at screen or print A4. :)
Best Regards.