Lifestyle Pro Header – HELP!

Community Forums Forums Design Tips and Tricks Lifestyle Pro Header – HELP!

This topic is: resolved

This topic contains 5 replies, has 2 voices, and was last updated by  nutsandbolts 11 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #79837

    jennifergrayeb
    Participant
    Post count: 20

    I’ve seen a few posts on here re: resizing the Lifestyle Pro Header, but I can’t seem to resolve this problem.

    I followed this tutorial: http://wpsites.net/web-design/customize-lifestyle-pro-theme-header-image-area/

    The image size was updated, but it seems like the padding or margin or something is causing the header image to still get cut off. Any ideas?

    Here is the site I’m working on: http://maineweddingplanning.com/

    http://maineweddingplanning.com/
    #79879

    nutsandbolts
    Keymaster
    Post count: 3187

    Try uploading at 1068×200 instead of 1140×200 and that should keep the logo from being cut off.


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

    #80064

    jennifergrayeb
    Participant
    Post count: 20

    That didn’t really make a difference (updated now). If anything, the height is what is majorly being cut off. Any other ideas?

    #80065

    nutsandbolts
    Keymaster
    Post count: 3187

    Now it’s aligned horizontally even though it’s cut off.

    Find this:

    .header-full-width.header-image .site-title a {
    background-position: center !important;
    margin: 0;
    }

    and try changing it to this:

    .header-full-width.header-image .site-title a {
    background-position: center !important;
    margin: 0;
    height: 250px;
    }

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

    #80071

    jennifergrayeb
    Participant
    Post count: 20

    Thanks for the quick reply and for solving the horizontal issue! For some reason that snippet didn’t work either, so I just re-installed the theme and followed the tutorial again. This time, instead of adding the additional code at the end, I just replaced the existing code with the new stuff and it worked.

    Thanks again for all of your help — I really appreciate it :)

    #80100

    nutsandbolts
    Keymaster
    Post count: 3187

    No problem! Generally, it’s better to replace the CSS rather than adding to the end. Since Genesis child themes never update in the WP dashboard, you don’t have to worry about losing your customizations in an update, so it’s fine to do it that way. Glad you were able to get it resolved! :)


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

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

You must be logged in to reply to this topic.