How to Modify Twenty Eleven WordPress Theme

advertisement

In previous Posts i have explained to add sidebar,to wide sidebar and also modifications in its Fonts,in this post i will explained the change in some other basic modifications,that is the need of every blogger.
Go to Admin Page>>Appearance>>Edit>>Style.css and find the given search to modify your site.

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

3 Comments

  1. Carol says:

    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?

    • rali says:

      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”

Leave a Reply