[alwilleford]

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

Thanks.

[Pratik]

Can you post in your site url?

[alwilleford]

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

[Pratik]

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.

[alwilleford]

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

[Pratik]

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.

[alwilleford]

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?

[Khuana]

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

[Pratik]

@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.

[Lisa1234]

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/

[Author]

Posts