How to Modify Twenty Eleven WordPress Theme

In previous posts, I have explained modifications in its  Fonts of one of the famous Twenty Eleven WordPress theme. The theme has some special features to fulfill the needs of many bloggers especially new bees.

In this post I will explain the change in some other basic modifications, that is the need for every blogger.

How to Modify the Twenty Eleven WordPress Theme.

Follow the steps below to modify the WordPress theme.

Go to Admin Page>>Appearance>>Edit>>Style.css and find the given search to modify your site.

twenty eleven wordpress theme

1 –  If you want to change the Site Title’s mouse over (hover) font color of Twenty Eleven: 

#site-title a:hover, #site-title a:focus, #site-title a:active {
color : #000;

2 – If you want to remove the Blank space from the upper side of the Site Title:

#site-title {
margin-right: 270px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 1.65625em;
}

3 –  If you don’t want to show the search from the top:

#branding #searchform {
display: none;
position: absolute;
right: 7.6%;
text-align: right;
top: 3.8em;
}

4 -If you want to change the font color of the Navigation menu:

#access li:hover > a, #access a:focus {
background : #F88017;
color : #f7f7f7;
}

5 – If you want to change the body background color of twenty eleven:

ody {
background : #F88017;
line-height : 1;

6 – If you want to add a border in the right side of the blog post content in Twenty Eleven theme:

#content {
margin : 0 34% 0 7.6%;
width : 58.4%;
border-right: 3px dotted #F88017;
}

7 – If you don’t want to show or don’t want your user to comments in your blog:

#comments {
display: none;
}

8 – If you want to remove the complete Header portion (Site Title, Site Description, and search box):

#branding hgroup {
display: none;
margin: 0 7.6%;
}

9 – If you want to change the space between the Navigation Menu Of theme Twenty Eleven:

#access a {
color: black;
display: block;
font-size: 14px;
line-height: 3.333em;
padding: 0 0.6em;
text-decoration: none;

10 – If you want to align your blog post, site title, and Navigation menu left-aligned in Twenty Eleven theme:

#branding hgroup {
margin : 0 0.6%;
}
#access div {
margin : 0 0.6%;
}
#content {
margin : 0 34% 0 0.6%;
width : 58.4%;
border-right: 3px dotted #F88017;
}

Do Comment on the Post.

2 thoughts on “How to Modify Twenty Eleven WordPress Theme”

  1. I removed the page titles by making a change in the content-page.php, which worked. Now, how do I reduce the amount of excess space between the menu bar and the page content?

    Reply
    • thanks for your visit,if you want to change the space between menu bar and page content in twenty eleven wordpress theme then go to style.css file and search for the following line

      #main {
      clear : both;
      padding : 1.625cm 0 0;
      }

      here just change the value in the following line 1.625 to 0.625 or what you want,your problem will solve,remember “whenever you see the word padding it is related to the margin”

      Reply

Leave a Comment