How to remove black bars on main and blog post images


#1

What size do the images need to be so the black bars are not displayed on the sides and bottoms?

bitlunches.org


#2

Hi, can you elaborate more about your questions? did you mean that the black bar is the header image? if so the dimension of the image for the header is 1920 × 1080 pixels.

you can configure it from customize > header image


#3

Hello simply there is a black bar at the bottom guess my image size is off. What is the image size or aspect ratio for blog post images?


#4

Hi, did you mean like the image in this capture? http://prntscr.com/7xvoek

That is a footer, and there is no configure to add an image on footer. Except if you have a child theme, you can customize it from footer.php


#5

I meant here https://nimbus.everhelper.me/client/notes/share/256094/6OBQS2re7b44LtLI2PORJZsmtVE6yWU2/

but I will just redo the image to the correct size. What is the aspect ratio for blog post images?


#6

Oh I see, that was not a black bar, but you have margin on the bottom of the header image. you can remove the margin by add this code using custom css plugin:

#header-banner {
    margin-bottom: 0;
}

#7

Thanks would you be able to tell me what the aspect ratio for blog post images?


#8

If you are using full width for the blog post, you’ll need image dimension 1000px x 438px

but if you are not in full width you’ll need 700p x 340px