Logo size on the new Smart Passive Income Theme

This topic is: resolved

Tagged: header image, header logo, smartpassiveincome

This topic has 9 replies, 5 voices, and was last updated 7 years, 4 months ago by juso.

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

Author

Posts
August 13, 2016 at 11:13 am #191222

rosstcorbett
Member

Hi everybody,

I have added my logo to the new Smart Passive Income theme but it comes up tiny. I have attached a screen shot.

Is there a way to make it bigger so that it fits the header area better?

Thank you so much for your help.

Ross

August 13, 2016 at 11:34 am #191226

Victor Font
Moderator

The header image for Smart Passive Income is set at 860x160. Please post a link to your site so we can see what's going on.

Regards,

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

August 13, 2016 at 11:46 am #191228

rosstcorbett
Member

Hi Victor,

The url is http://ww2nation.com

Thanks.

August 13, 2016 at 6:33 pm #191243

BYW
Member

Try changing in the stylesheet

.header-image .site-title > a {
min-height: 120px;
}

We’ve been building WordPress Websites with Genesis since 2009.
Need some help? We love working with Woocommerce and Genesis

August 14, 2016 at 12:26 am #191250

rosstcorbett
Member

Brilliant.

Thank you very much indeed for your help.

August 29, 2016 at 4:58 pm #192287

Scott G.
Member

Hi Everyone,

I am running the new Smart Passive Income theme and having a similar problem to what Ross (rosstcorbett - http://ww2nation.com/) had. The logo was way too small, and I have been playing with the css settings, and was able to get my logo larger (by changing min-height: 80px to height: 160px in the .header-image .site-title area).

Now the space between the bottom of the image and the navigation tabs is too large. I am trying to figure out how to reduce that space (same thing on the top if the image to the top of the page). I see that Ross was able to make his logo larger AND reduce the space around the image... how did you do that?

My url is investinggoldnow.com

Any help is greatly appreciated!

Thanks,
Scott

...on a side note, how do I add a photo to my profile? I cannot seem to find a way to do that...

August 29, 2016 at 5:05 pm #192289

BYW
Member

Change the padding

.site-header > .wrap {
max-width: 1280px;
padding: 10px 0;
}
If it was me I would also add a margin to the .site-header .widget-area to center it
.site-header .widget-area {
text-align: right;
margin-top:30px;
}

We’ve been building WordPress Websites with Genesis since 2009.
Need some help? We love working with Woocommerce and Genesis

August 29, 2016 at 5:14 pm #192293

Scott G.
Member

Wow BYW, you are amazing... worked like a charm!

Thank you!!
Scott

October 19, 2017 at 2:11 pm #212692

juso
Participant

Hi, I've tried your suggestions but does not work.
The site title and the image appear together.
I've uploaded 860x160 image.

http://www.denou.com/labs/escop/

Thks

October 20, 2017 at 3:13 pm #212765

juso
Participant

Some of the customizaton I've applied to style.css was causing the issue.
Solved.
Author

Posts