Going Green Pro Theme – Larger Logo

[madalina]

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

[nutsandbolts]

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+

[madalina]

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.

[nutsandbolts]

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+

[madalina]

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