Banner Image Size

  • Resolved nguyenv

    (@nguyenv)


    11 years, 10 months ago

    Hi there,

    I’m having trouble with sizing an image so that it perfectly fits in the banner. I’ve tried playing around with the dimensions but no matter what, whenever I upload an image it always seems to get zoomed in and part of the image gets cut off or blurred.

    Is there a specific dimension or image size that I should be using to have the image fit exactly in the banner?

    Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • janet4now

    (@janet4now)

    11 years, 10 months ago

    can you post a link to your site so I can see the image as you’ve uploaded and the area it needs to fit to?

    Thread Starter nguyenv

    (@nguyenv)

    11 years, 10 months ago

    Here you go http://wordpress.curwoodlaw.com/

    The size of the image is 1200×600

    janet4now

    (@janet4now)

    11 years, 10 months ago

    Try 1144 x 450.

    Thread Starter nguyenv

    (@nguyenv)

    11 years, 10 months ago

    Tried it but it still seems to want to automatically zoom in on the same spot of the image

    janet4now

    (@janet4now)

    11 years, 10 months ago

    the one there is 1144 x 572. You have to redo the image to 450px high.

    janet4now

    (@janet4now)

    11 years, 10 months ago

    You can also try adding this to your css: 

    .builder-banner-slide {
background-size: 100% 100%;
}

    Though if your images are not created at the size I gave the distortion may be too weird.

    Thread Starter nguyenv

    (@nguyenv)

    11 years, 10 months ago

    when i try to resize my image in photoshop it, it defaults the hight to 572 when i put the width as 1144 using pixel dimensions.

    janet4now

    (@janet4now)

    11 years, 10 months ago

    You would have to recreate it at the dimensions I gave, or set to the height, then change canvas size to the 1144 wide and center it.

    Have you tried the support at the theme’s website?

    https://thethemefoundry.com/support/

    janet4now

    (@janet4now)

    11 years, 10 months ago

    found this in their documentation:

    Set the height of the banner section by changing the Section height text input. The height is in pixels (px). Note that the exact pixel value will be used when the page is displayed at full width and will be scaled proportionally as the browser window narrows (such as on mobile devices).

    You should be able to reset the height to the 572 your image defaults at. Keep in mind that any other slides you use will need to be the exact same dimensions.

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

The topic ‘Banner Image Size’ is closed to new replies.