WordPress Tricks

Theme Wu Wei by Jeff Ngan CSS upgrade and Style Sheet Edit : Modify Blog Content area Width, Page or Site Title,Site Description’s Font Size and color,footer width, line navigation , space between menus,blog post content,comments section’s font,font size,color change,Hide or remove tag,comments and more.

Theme Wu Wei by Jeff Ngan CSS upgrade

Today I want  to  share  you some CSS related  issues  about the Wu Wei themes by Jeff Ngan. If you are using Wu Wei themes for your WordPress.com free blog and have  purchased  CSS  upgrade  to  modify it  as your own, then this section will be a great help for you. Here I have shared  some basic  CSS related problems  in Wu Wei theme  and they are related to  Content area width, page title,font color and size, footer width, space between menus, color of the lines etc. Just check the code below and try it. If you face any problem, just tell me your problem using the comment box below.  

 

1.  If you want to change the Page Title Font and its color do the followings

.post-info h1 {

    color: #6D7B8D;

    font-size: 2em;

}

2.  If you want to change your Wu Wei theme’s  Header Font Color and Letter spacing do the followings

 

.blog-name a:link, .blog-name a:visited {

    color: #000000;

    letter-spacing: 0.8px;

}

 

 

3.  If you want to widen your content area – It will make the Page Title area take up less space

 

.post-content {

    width: 50.333em;

}

4. If you want to align  your  header side  Menus and  also to manage the spacing between the header menus then change in the following codes

 

.menu-main a {

    color: #2B3856;

    font-size: 1.4em;

    font-weight: bold;

    margin-right: 20px;

    padding: 15px 0 10px;

    width: 8.08em;

}

5. If you want to manage footer widget area then do the followings

#footer-widgets {
width: 68em;
}
 
#footer-widgets .widget-area {
width:18em;
}

 

6. If you want to modify the  grey  line between the header  menu and Header Title, change in the lines below

 

.full-column {

    border-bottom: 3px solid #000000;

}

 

7. If you want to modify the grey line  which is above the   Page title 

 

.center-column .hentry, .center-column .page {

    border-top: 2px solid #000000;

    padding-top: 1.5em;

}

8. If you want to change the grey line just above the footer widget just change in the following code

 

#footer-widgets {

   border-top: 2px solid #000000;

}


(9) If you want to hide Header side Navigation menus (Home,About Me) from Theme: Wu Wei by Jeff Ngan

.full-column {
border-bottom: 1px solid #D1D9DC;
display: none;
}


(10)If you want to change Navigation menus Font color, font size, font type of Theme: Wu Wei by Jeff Ngan

.menu-main a {
border-top: 3px solid #FFFFFF;
color: red;
display: block;
font-family: times New Roman;
font-size: 14px;
line-height: 10px;
margin-right: 0;
padding: 20px 0 10px;
text-decoration: none;
width: 6.08em;
}


(11)If you want to change Blog Name or Site Titles Background Color of Theme: Wu Wei by Jeff Ngan

.blog-name {
background-color: green;
font-size: 5em;
font-weight: bold;
line-height: 1em;
}


(12) If you want to change Blog Name or Site Title’s Font,font color and size of Theme: Wu Wei by Jeff Ngan

.blog-name a:link, .blog-name a:visited {
color: red;
font-family: times New Roman;
font-size: 1em;
text-decoration: none;
}


(13)If you want to remove/hide whole comment section from the footer section from theme wu wei by jeff Ngan

#comment-wrapper {
border-top: 1px solid #D1D9DC;
display: none;
padding-left: 10em;
}


(14) If you want to change footer Comments Font type, font color and font size theme wu wei by jeff Ngan

ol.commentlist {
color: black;
font-family: cursive;
font-size: 0.952em;
font-weight: normal;
margin: 0;
padding: 0;
}

(15)If you want to change “Leave a Reply” font size,font color and font type theme wu wei by jeff Ngan

#respond h3 {
color: blue;
font-family: times New Roman;
font-size: 1.5em;
font-weight: normal;
padding: 0.333em 0;
}


(16)If you want to remove or hide tags from the footer section of your blog in Wu Wei Theme

.post-meta-data {
border-top: 1px solid #D1D9DC;
display: none;
height: 100%;
margin: 0 0 0 10em;
overflow: hidden;
padding: 0.333em 0;
position: relative;
}


(17) If you want to hide or remove “Leave a Reply” section from your blog in Theme: Wu Wei by Jeff Ngan

#respond {
border-top: 1px solid #D1D9DC;
display: none;
margin-bottom: 3em;
padding: 0;
position: relative;
}


(18)If you want to change Blog Post Content’s Font type and font size in Theme: Wu Wei by Jeff Ngan

.post-content {
float: left;
font-family: times New Roman;
font-size: 1.1em;
overflow: visible;
width: 38.333em;
}


(19)If you want to change Site Description’s Font type,font color and size

.description {
color: blue;
font-family: times New Roman;
font-size: 1.5em;
margin-top: 0.5em;
}

(20) If you want to hide Site Description of Theme: Wu Wei by Jeff Ngan.

.description {
color: #6A797D;
display: none;
font-size: 1.5em;
margin-top: 0.5em;
}




You may also like to check

1. WordPress.com Visitor Tracking :Know who is visiting your site
2. WordPress.com Flick Flash Gallery: Show your flickr photos to your readers
3. WordPress.com animated Photo gallery : Show your images stored in WordPress with WordPress animated photo gallery
4.WordPress.com Visitors Flag : Where from your users visiting you.
5.WordPress Free Blog Favicon Icon : Show Your Favorite images on the addressbar.
6.WordPress Unicode Font Support: Learn How to Write and Use Unicode Font in WordPress.com free blog.


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 )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s