Center Contact Page Title and Fields



Please could you help me align to center contact page title and the contact fields. I was trying many css tricks but at the end decided to contact PROs.


Newbie :frowning:



Use this please:

.page-template-page_contact .site-main {
     text-align: center;


Thank you it worked in this order

.site-main {
  text-align: center;

Many thanks - helped as always!


Acctually, this centered the whole website. Is there a possibility to center Title and red boxes - fields only?
I would like to keep footer link on the left and the text (your email, your name, subject, your message) on the left of the red box.

Is there any solution?

Thank you.


Use the code I gave you please. That one centers only on that page.


I used exactly what you proposed Vlad

.site-main {
  text-align: center;

Sorry, not the whole website but the whole contact site. I only want to center site title and box fields elemts.


I understand what you want to change, but that’s not the code I gave you. Have another look please :slight_smile:


OK my bad sorry. It still did not align text above red fields on left but I leave it as it is now. Sorry and thanks.