StudioPress

Forum navigation

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

Custom Logo size in Smart Passive Income Pro? help needed.

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.

Community Forums › Forums › Archived Forums › General Discussion › Custom Logo size in Smart Passive Income Pro? help needed.

This topic is: not resolved

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 30, 2017 at 5:26 am #208506
    tahir
    Member

    The default logo image size in Smart Passive Income Pro theme is 360*160 px. However i want it to be 250*50px. How could i achieve this? I checked in stylesheet but couldn't figure it out.
    Please help me.

    June 30, 2017 at 5:37 am #208507
    Victor Font
    Moderator

    See if this helps: https://victorfont.com/change-logo-size-in-genesis-themes/

    Regards,

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

    July 1, 2017 at 2:43 am #208546
    tahir
    Member

    Thank you victor sir.
    I made changes but image is not in line with Header Menu.
    Can you please suggest what should i do now?

    July 1, 2017 at 2:43 am #208547
    tahir
    Member

    My site link

    July 1, 2017 at 6:43 am #208558
    Victor Font
    Moderator

    I'm glad you were able to change the logo dimensions. As with any change that falls outside of the intended design, it will usually require you to change other elements that are meant to work with each other. The other changes you have to make are just CSS, but since I don't know what those changes are that you envision, here are some helpful tools to get you started.

    First, here's an explanation about how the Genesis Header layout works. Ignore the part about centering the logo: https://victorfont.com/understanding-genesis-framework-site-header-layout/

    Second, it will be much easier to figure out which CSS to change if you use your browser's inspection tool: https://victorfont.com/how-to-use-your-browsers-inspect-tool/

    To align the new logo and the menu, you have a couple of options to choose from. You can move the logo lower by adjusting its position in CSS, or, you can make the header-right widget area narrower by adjusting the height of the menu area or the menu padding. Right now the height of the logo area is 50px and the height of the header-right widget area is 80px. This is your choice and you should test you changes with the inspect tool to make sure your changes are aesthetically pleasing.

    Regards,

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

    July 1, 2017 at 6:45 am #208559
    tahir
    Member

    Thank you for the awesome tips.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.