• 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

Centering logo @800px

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 › Centering logo @800px

This topic is: not resolved

Tagged: center, header area, image, Logo, media

  • This topic has 2 replies, 2 voices, and was last updated 7 years, 3 months ago by definemedia.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 11, 2015 at 11:43 am #144051
    definemedia
    Member

    Hi there, I am just wondering if anyone is able to help with what is probably a straightforward if you know how question.

    I am trying to center my logo @800 px, its to the right at the moment and just wondered if anyone would able to help.

    Many thanks in advance, and much appreciated ...

    Maria

    http://zbidf.org/
    March 11, 2015 at 12:23 pm #144061
    Victor Font
    Moderator

    Your header is split into two sections. You have a title area and widget area. If you want the logo centered, you have to reduce the width of the title area, increase the width of the widget area and then float the logo left instead of right.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    March 12, 2015 at 11:41 am #144210
    definemedia
    Member

    Hi Victor,

    Thanks for the response.

    I did play around and reduce the image widget to this

    .site-header .widget-area {
    width: 60%;
    float: left;
    }

    and it seemed to work for thanks for pushing me in the right direction.

    Many thanks,

    Maria

  • 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

© 2022 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