• 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

Going Green Pro Theme – Larger Logo

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 › General Discussion › Going Green Pro Theme – Larger Logo

This topic is: not resolved

Tagged: going green pro, header image

  • This topic has 4 replies, 2 voices, and was last updated 10 years ago by madalina.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 18, 2013 at 5:50 pm #74061
    madalina
    Member

    Hi everyone,

    I'm been reading the forum for tips on how to change my logo size to something bigger, and no matter what I do, it either doesn't show, or some of the image disappears.

    I would like the logo to be 500x150, instead of the standard size of 340x70 that comes with the theme. I've changed the size in the functions php file, and I think that part is working, but I'm having trouble figuring out what I'm doing wrong in the css file.

    Any help would be much appreciated,

    Madalina

    http://torontodogwalks.com
    November 18, 2013 at 6:46 pm #74084
    nutsandbolts
    Member

    Find this in your stylesheet:

    .title-area {
    float: left;
    padding: 0;
    width: 360px;
    }

    And change it to this:

    .title-area {
    float: left;
    padding: 0;
    height: 150px;
    width: 500px;
    }

    That probably won't be perfect but it will at least get all of the logo showing.


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    November 18, 2013 at 7:51 pm #74096
    madalina
    Member

    Thank you - that's definitely an improvement!

    Is there no way to make it so that the logo looks like it belongs in that space? Now it looks like the logo is pushing the small content area on the right downwards, so that there is this big awkward space under the logo.

    I'm not a wordpress expert by any stretch, but there must be a way to solve such a simple issue.

    November 18, 2013 at 7:54 pm #74100
    nutsandbolts
    Member

    Oh! Sorry, I forgot that part.

    Once you do the step above, find this:

    .site-header .widget-area {
    float: right;
    text-align: right;
    width: 740px;
    }

    And change to this:

    .site-header .widget-area {
    float: right;
    text-align: right;
    width: 580px;
    }

    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    November 18, 2013 at 8:23 pm #74105
    madalina
    Member

    Thank you very much! That fixed the problem completely on the desktop version.

    On the ipad, it looks a little off, but maybe that's as good as it gets.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ 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

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