diogorighi

Another way to do that (but I think it’s just not semantic):

Look for #main on your style.css and add this:

border-top: 14px solid #63A359;

You are already using a border, so… One way to do that is creating a new div, with the height you want, and put a background-color with the color you want to.

For the title problem, just look for “#header h1 a” on your style.css, and put a font-size:30px, or whatever size you want. Btw, This title looks REALLY big for me right now.

For italic and regular, you can do something like this:

<h1><span class=”italica”>TITLE</span> OF THE PAGE</h1>

and in your css:

.italic { font-style:italic; }

About the date, read this:

https://codex.www.ads-software.com/Function_Reference/the_time
and
https://codex.www.ads-software.com/Function_Reference/the_date

In your style.css, look for:

.page-title {
background: whiteSmoke;
border-bottom: 1px solid #DDD;
color: black;
font-size: 24px;
margin-bottom: 30px;
padding: 4px 8px;
}

just set background to none.

Maybe this will affect some other elements on the page. If you want to do ONLY on this part, you can create a class (below from .page-title, so it will overwrite) with the background:none too.

There’s a hgroup with nothing but withe space on the <header>. Just delete it.