Custom Header Not Fitting w/theme correctly

  • jakevenes

    (@jakevenes)


    8 years ago

    Hi,

    First off, I know very little CSS/html so this may be an easy fix or not. I’ve researched some but still need help.

    I have a custom header image I created with Photoshop; however, when I enter it into the header box even though its the right dimensions, it cuts off most of the image making it useless.

    Any ideas?

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years ago

    1. I don’t see any image on your site. Put back the image so I can take a look.

    2. If it’s a theme issue, please contact GoDaddy tech support as it’s one of their themes that’s not in the wp.org repository.

    Thread Starter jakevenes

    (@jakevenes)

    8 years ago

    Hi Steve,

    Thanks for the help. The image is cutoff drastically. What do you mean put back the image?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years ago

    I found the image in the code…

    http://jakevenes.com/wp-content/uploads/2018/05/jake_header.png

    It’s 2400px x 1300px. Does that seem a *little* large to you? You’re wasting your viewer’s bandwith.

    This CSS makes it visible:

    .site-header {
    background-size: contain;
}

    To add CSS: use the “Additional CSS” option in the customizer. https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter jakevenes

    (@jakevenes)

    8 years ago

    Thanks, yeah, that’s way too big.

    However, in Appearance > Theme it says: “Your theme recommends 2400 × 1300 pixels.” But if it isn’t showing, that’s not worth it.

    I’ll try what you recommended. I can put that code anywhere?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years ago

    Use Additional CSS as noted above.

    But the “your theme recommends” size is wrong.

    Thread Starter jakevenes

    (@jakevenes)

    8 years ago

    Ok, I used it the code, Steve. But now it’s extremely small.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years ago

    That’s the space allotted by your theme. Please contact the theme developers if it doesn’t look the way you expect.

    Thread Starter jakevenes

    (@jakevenes)

    8 years ago

    Steve,

    If you change themes, does the CSS code you provided influence the next theme?
    Also, can wp.org themes be downloaded to a GoDaddy provider? Does that make sense?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years ago

    No, CSS belongs to a theme, even if entered as additioinal CSS. Yes, you can use any theme on your GoDaddy-hosted WP site.

    Thread Starter jakevenes

    (@jakevenes)

    8 years ago

    Ok, maybe fixed a few things, but now I have a whole new issue. How do I fix that thumbnail / how do I get rid of it?

    http://www.jakevenes.com

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

The topic ‘Custom Header Not Fitting w/theme correctly’ is closed to new replies.