How to get my page header aligned?

[ad_1]

Hi all, I'm a completely inexperienced non-coder or web designer building a website for a show I'm self producing. I'm having trouble centering the header of my Cast & Crew page using the Vermeer theme. The theme doesn't seem to have built in header alignment. I've tried using

h1.entry-title {
text-align: center;
}

to align it, but it didn't seem to do anything. I also tried to work around it and align it by bumping it, which worked on PC but didn't work on iPhone (the text was centered but displayed incorrectly.)

Any help would be appreciated!

https://vaulttheatre.net/cast-crew/

[ad_2]
3 Comments
  1. You want to center the “cast & crew” title right? The css id is “.wp-block-post-title”. Maybe you’ve got the wrong id. Try this one whit the *text-align: center;* You can you use the f12 to inspect the element, to check If u got the correct Id.

  2. You targeted the wrong selector. This is the correct one:

    h2.wp-block-post-title {text-align: center }

    Your h1 is that animated thing. “Cast & Crew” is an h2.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer