Header imgae

  • Posted in : Bloggy WP
  • mattiashargin
    Participant

    Hi,
    How can i display a image in the header behind the logo and social icons?

    Thanks for a great theme

    ahmetsali
    Keymaster

    Hi, try this custom css;

    .site-header { background-image: url("your-image-url.jpg");  }
    
    mattiashargin
    Participant

    Thanks! It seem like it works great.

    Is it possible, or a easy fix to adjust the header size bigger, from the 270 to 400.

    If you dont have a custom css, you could maybe show me where to change in the CSS.

    Best regards,
    Mattias

    ahmetsali
    Keymaster

    try this one;

    .main-navigation { margin-top: 100px; }
    
    ahmetsali
    Keymaster

    to remove the gap between header and content try this custom css;

    .site-header { padding-bottom: 0; margin-bottom: 2em; }
    
    mattiashargin
    Participant

    Super! Thanks

    mpan
    Participant

    I am having a problem showing the header image. It uploads to the media file perfectly fine, but it does not display.

    ahmetsali
    Keymaster

    hi @mpan, can you provide your url?

    mpan
    Participant

    hi, I got it to work. Thank you!

    admin@nottheofficialwaldorfhandbook.com
    Participant

    My header images seem to be successfully uploaded on my Bloggy sites, but for some reason when I log on to my sites I often see for a brief second the original Bloggy template image with your curly default font instead of my own header image. I’ve tried it on different computers and browsers and it happens on more than one. Is there some dummy data somewhere I can erase?

    Here is an example: burningbadgerschool.com or nottheofficialwaldorfhandbook.com

    Mehmet S.
    Keymaster

    Firstly, update the theme to the latest version. You can download it from ThemeForest. Secondly, check your input fields under Theme Options.

    matiagobbo
    Participant

    Hi, is it possible to make the header background image responsive so that it scales up/down to adapt to any screen size?

    ahmetsali
    Keymaster

    Hi @matiagobbo

    try adding this custom css;

    .site-header { background-size: cover; }
    
Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register