How do I center the post title?

Question

How do I center the title "BOASISH IS UNDER CONSTRUCTION" but keep By Kyle Boas · Follow: Twitter, Google+ September 4, 2014 as it is. My website is http://boasish.com, if you get a error page then use http://orangina.asmallorange.com/~boasishc/ as the url instead of http://boasish.com

<h2 class="entry-title" itemprop="headline"><a href="http://orangina.asmallorange.com/~boasishc/site-under-construction/" rel="bookmark">Boasish is Under Construction</a></h2>
    <a href="http://orangina.asmallorange.com/~boasishc/site-under-construction/" rel="bookmark">Boasish is Under Construction</a>
</h2>

score 3 · Accepted Answer · answered Sep 05 '14 at 20:08

3

You can add this code to you css

.entry-header h2{
   text-align: center;
   width: 100%;
}

or just add this code

.entry-header{
   text-align: center;
}

header .entry-meta{
   text-align: left;
}

enter image description here

answered Sep 05 '14 at 20:08

Gildas.Tambo

22,173
7
50
78

Ok that worked, how do I shrink the grey line underneath the title so it hugs the B and N of BOASISH IS UNDER CONSTRUCTION? – Kyle Boas Sep 05 '14 at 20:12

score 1 · Answer 2 · answered Sep 05 '14 at 20:10

1

Change

<h2 class="entry-title" itemprop="headline">

To

<h2 class="entry-title" itemprop="headline" style="text-align: center;">

answered Sep 05 '14 at 20:10

tomaroo

2,524
1
19
22

score 1 · Answer 3 · answered Sep 05 '14 at 20:13

You could add text-align: center and width: 100% in your style attribute.

<h2 class="entry-title" style="text-align: center; width: 100%;" itemprop="headline"><a href="http://orangina.asmallorange.com/~boasishc/site-under-construction/" rel="bookmark">Boasish is Under Construction</a></h2>
    <a href="http://orangina.asmallorange.com/~boasishc/site-under-construction/" rel="bookmark">Boasish is Under Construction</a>
</h2>

How do I center the post title?

3 Answers3