Center Header Image – Twenty Twelve

  • Resolved SalonXL

    (@salonxl)


    11 years, 6 months ago

    I am trying to center my header image in WordPress Theme Twenty Twelve, but nothing I try works.

    Here is the site that I’ve built:
    https://66.147.244.233/~salonxlc/Wordpress/

    Please let me know what rule I should change to adjust the image to be centered. And please, let me know in step by step, I am not a talented web developer! Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)

  • You really need to be using a child theme for making changes to the default theme – if you modify theme files, your changes will be overwritten when WP is updated. It’s also crucial to have a clean copy of the default theme for troubleshooting purposes. See:

    https://codex.www.ads-software.com/Child_Themes

    Once you have that set up, try adding this CSS:

    #masthead img {
   margin: 0 auto;
   display: table;
}

    Thread Starter SalonXL

    (@salonxl)

    I tried these options, but none of them worked. Somehow, I accidentally found something that worked, though: added

    margin: 0 auto;
    text-align:center;

    creating this:

    hgroup,
nav,
section {
	display: block;
	margin: 0 auto;
	text-align:center;
}

    Not quite sure why that worked, but hopefully it can help others too. Thank you for your responses, you’re great!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Center Header Image – Twenty Twelve’ is closed to new replies.