在PHP / CSS中居中标题？

Question

I thought I had figured this out in the Custom CSS box of this Wordpress theme but no joy. I just can't get the headings centered!

http://growing-underground.com/ (password = nugget13)

I really want to get these headings centered – I managed it using inline styling but when I try to do it in the Custom CSS box it doesn't work – I must be targetting the wrong object. Also, I really want to get rid of the full-width grey underline and just have a black underline on the heading.

I am starting to see why using these premium Wordpress themes is a pain as they all do things differently...

Answer 1

Add this below your last declared CSS stylesheet at the bottom and you will get your headings to be aligned at the center .

.page-section div.heading h5, section.page-section .titleBar h2 {
    text-align: center;
}

WORKING DEMO

Hope this helps.

Answer 2

.page-section .titleBar {
    text-align: center;
}

section.page-section .titleBar h2 {
    border-bottom: 1px solid #000000;
    padding: 0 0 5px;
}