Twenty Eleven Author Bio Box

Let me explain better.

I want to add an “highlight box with Rounded Corners” between my menu bar and the posts from the blog default page.

Does anybody can help me?

Anybody can help me with it?

I want an “yellow retangle” with some texts and maybe an tiny picture, centralized in the front page only.

Anybody can help me with it?

Ok.. Now Im getting smart ??

I just figure it out and fix my problem.

If anybody has the same problem or just want to lear it, take a look at the trick:

First You have to copy the twenty eleven index.php file to your child folder.

open it and just after the “get_header(); ?>” You add this:

<div class="mynote">
<?php if (is_home()){ ?>
<p>Some text here</p>
<?php } ?>
</div>
<br>

ps.: I use the “br” because I dont know how to put some space between this note and the post block.

Now lets make the CSS edits. Open Your css (from your child folder) and do it:

/* Note from the frontpage */
.mynote {
 width: 550px;
 margin-left: 15%;
 background-color: #FFECB3;
}
.mynote p {
 background: #FFECB3;
 margin: 0px;
 padding: 5px 15px 10px 15px;
 font-weight: bold;
 text-align: center;
}

In my case the margin-left has to be 15%, otherwise it dont get centered (cant figure out how to center the holle div).

Thats it. Have some fun…

Edit.: Take a note here. Im using the twenty eleven theme in the One-Column style.