Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #95533
    alwilleford
    Participant

    I would like to make the header image full width…is this possible?

    Thanks.

    #95547
    Pratik
    Keymaster

    Can you post in your site url?

    #95548
    alwilleford
    Participant

    Yes, sorry about that. I like the height of the header image (400px) but would like it to be full width like the slider…which is what is currently showing.

    http://www.amandawilleford.com

    #95573
    Pratik
    Keymaster

    I checked the site and it currently does not have a header image. You can use following code in Appearance=> Customize=> Theme Options => Custom CSS box:

    
    #header-featured-image .wrapper, #header-featured-image img {
    width: 100%
    }
    

    Let me know how it goes.

    #95588
    alwilleford
    Participant

    Thanks…that worked to make it full width. However, it seems to have enlarged the height. It looks as big as the slider image would (the one that was there when you looked at it before)

    Is there a code that I can play around with different height numbers of the image and keep it full width. I will have to manipulate my picture some but I would like to decrease the height.

    And for the sake of my picture coming out better what px dimension should I used in designing the picture to accommodate for the full width?

    Thanks.
    http://www.amandawilleford.com

    #95611
    Pratik
    Keymaster

    I checked the site and you have added height: 400px, so I am guessing you figured it out.

    Do you still need help with it?

    For better picture dimension, since the image is in full width, I really wont be able to say as different devices have different screen sizes and resolution. So, I will recommend any 21:9 or 16:9 aspect ratio size as most devices are of this ratio.

    #95689
    alwilleford
    Participant

    Yes, I did figure out how to add in the height as 400px. Thank you.

    I am still have trouble with header being clear. I have tried a ton of different sizes and ratios and it looks great until I add it into the theme, then it is blurry…any thoughts?

    #95710
    Khuana
    Participant

    Please what is the size of the images on the featured slider on the homepage?

    #95712
    Pratik
    Keymaster

    @alwilleford: When adding header image, do you skip cropping? If you want to add a large image, you should skip cropping. Maybe it is due to the full width, but it should have not created that blurry images.
    ——————————————————————————–

    @khuana
    : Recommended Header image size is 1200x400px, but you can skip cropping and add any size you like.

    #102994
    Lisa1234
    Participant

    I would also like to have a wider logo. But this Custom CSS does not work with my site. Can you help me, please?

    Thanks a lot
    http://admin.kg-gruen-weiss-luelsdorf.de/

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Header Image size’ is closed to new replies.