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

Lifestyle Banner Cut off at Full Width on the right

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 › Lifestyle Banner Cut off at Full Width on the right

This topic is: not resolved

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 3, 2014 at 9:11 pm #98389
    martag
    Participant

    Howdy,

    On my client's site I have re-sized the banner to full width 1140 x 422. I changed the CSS and the functions to match the size and double checked the image file and they are all set to the correct size but it is still cutting off on the right.

    When I look at the header upload page it is showing the correct size and nothing is cut off.

    Anything else I should check?

    Thanks!

    http://69.89.31.194/~growmyw1/vidanutrition/
    April 3, 2014 at 11:03 pm #98397
    Tony @ AlphaBlossom
    Member

    Hello,

    Your outer container is 1140px, but when you take the side padding (36px each side), the header width is 1068px...so your background image is cut off because it's larger than that.

    You can resize your background image to 1068px wide (my recommendation) or you can use "background-size: contain;", but it doesn't work on ie8 and below if that's a concern.

    You'll probably also want to adjust the min-height since your image change.

    Hope that helps!

    Tony

    Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

    April 4, 2014 at 5:07 pm #98544
    martag
    Participant

    Aha! thank you! And to think I asked my math teacher in high school, when will I use this math?? 🙂 Thank you!

    April 4, 2014 at 5:09 pm #98545
    Tony @ AlphaBlossom
    Member

    You're welcome, glad I could help.

    I was wondering the same thing before I started doing responsive web design hehe. Have a great weekend!

    Tony

    Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

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