How to Center the Genesis Theme Logo Image

The Genesis theme usually places the header image to the left side of the page. You can center it with a quick snippet of CSS.

Center your theme logo header image by putting this CSS in your child theme’s style.css file:

/** Center the header image */
#header {
  background-position: top center;
}

If you want to place the CSS in the Genesis settings panel go to Genesis > Theme Settings and add the CSS in the box below where the text Enter scripts or code you would like output to wp_head():

You would add the CSS like so:

<style type="text/css">
/** Center the header image */
#header {
  background-position: top center;
}
</style>

Put the CSS in either the style.css file or the theme settings but not in both.

Leave a Reply

All original content on these pages is fingerprinted and certified by Digiprove
Make Genesis Themes BuddyPress Compatible
Give Your MarketPress Shopping Cart the Grid View Treatment
Loading

Invite Friends to ‘JournalXtra’

Supercharge your web design skills with JournalXtra

Buy me lunch!

I'm a cheap date. Where else can you buy lunch for a couple of dollars?

I accept Bitcoin too!

Categories

Dynamik Website Builder
WPMU DEV - The WordPress Experts
StudioPress Theme of the Month