Going Green Pro Theme – Larger Logo

Community Forums Forums General Discussion Going Green Pro Theme – Larger Logo

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  madalina 1 year, 1 month ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #74061

    madalina
    Member
    Post count: 2

    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 500×150, instead of the standard size of 340×70 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
    #74084

    nutsandbolts
    Keymaster
    Post count: 3202

    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, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #74096

    madalina
    Member
    Post count: 2

    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.

    #74100

    nutsandbolts
    Keymaster
    Post count: 3202

    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, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #74105

    madalina
    Member
    Post count: 2

    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.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.