Page Title Alignment

[rjsalt86]

Trying to left align the page title in the header on secondary pages. Is this possible to do?

[Tekguild]

Yes, just add this to your custom CSS:

.page-heading {

text-align: left !important;

}

[Swift Ideas – Ed]

Sure, just add the following css to Flexform Options > General Options > Custom CSS:

.page-heading h1, .page-heading h3 {
text-align: center;
}

– Ed

[rjsalt86]

thank you @grokism yours worked.

[brandscaptain]

How does one align a specific title only? What should be put in the Extra class name box? I’ve tried “centered” and “center” and pasting in CSS but it doesn’t work.

[Tekguild]

You could use the Reveal ID’s plugin to get the ID of the page, then use a CSS rule to only style the element on that page, per it’s ID:

.page-id-163.page-heading h1 {
text-align: left;
}

[brandscaptain]

Hi Grokism,

Thanks! Found the page ID, but it doesn’t work though. I added it to Custom CSS field in the Theme Options > General Options – should it go somewhere else?

[Tekguild]

What is the exact CSS that you entered? Do you have a link to your site so I can see the exact element you’re trying to style?

[Melanie – SUPPORT]

Hi,

try

.page-id-163 .page-heading h1 {
text-align: left;
}

Cheers