• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Center Logo Optimal

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Center Logo Optimal

This topic is: resolved
  • This topic has 2 replies, 2 voices, and was last updated 13 years, 3 months ago by bconley.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 20, 2013 at 3:59 pm #29804
    bconley
    Participant

    Although this is a community theme, Optimal I was hoping for help with centering my logo. I think I have tried everything except what works.

    http://174.122.175.131/~scotts/

     

    March 21, 2013 at 4:21 pm #30299
    Robin
    Member

    It looks like you are using the custom header option in WP, right? I think the way to do it is to make your logo file be 960px wide and center it there. I have had very little luck with using the custom header with images that are less wide than the header area.

    Another option would be to try changing the header width in line 199 of your style.css to something like 460px, which would work with the existing header image. If you do that, add !important to it so it continue to center for the mobile responsive elements. I think this would work--but not 100% sure.

    #header {
    margin: 0 auto;
    overflow: hidden;
    width: 460px !important;
    }

    Sorry, not sure either solution is really ideal--the first will make your header look wonky in smaller screens as the entire image will resize, even the blank parts; the latter is fine if they never change the header image (or at least the size of it).


    I do the best I can with what I’ve got. (say hey on twitter)

    March 26, 2013 at 2:42 pm #31405
    bconley
    Participant

    Thank You!!  I changed the width and it works perfectly.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble