Distorted pictures

  • Author
    Posts
  • #118002

    Hi,

    I have a funny situation with pictures on the starting page.
    I use the forward box with posts :
    – in phone screen, the pictures are normal way

    – in computer screen, the same pictures are distorted. Do you have any clue how to fix it? I tried all of the options in the menu without any good result.

    Thanks in advance

    #118231
    Zed
    Cryout Creations mastermind

    Hi,

    The featured box images are resized using JavaScript to ensure the aspect ratio is correct (since their width is relative to the browser window / screen size).
    You did not include a site link so I cannot check for this, but if you have a JS error on the site that’s breaking this functionality, you can end up with distorted images.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #118456
    This reply is private.
    #118635
    Zed
    Cryout Creations mastermind

    I don’t see any JS errors on the site so I don’t get why the images would be distorted. Perhaps they’re smaller (narrower) than the boxes they are displayed in?

    Could you re-enable them for me to check out their sizes and the exact styling that applies?
    You can apply the following CSS to hide the boxes section from being visible to visitors:

    .lp-boxes-1 {
        display: none;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #118679
    This reply is private.
    #119024
    Zed
    Cryout Creations mastermind

    The distortion comes from the configuration mismatch between the featured boxes sizes and your source images. Normally the theme resizes/crops the featured images to the configured values, but you most likely uploaded those images to the site before activating Bravada and the necessary resizes are not available, making WordPress uses the images at their original size (also note that images smaller than the necessary crop size are always skipped)

    The image sizes are all of varying sizes and aspect ratios, but they average at 0.92.
    The featured boxes are currently configured (based on their configured height and site width / boxes per row count) to need an image aspect ratio of 1.37. You can correct this two ways:
    1. Adjust the featured boxes height to about 430px to have the featured boxes display with the same aspect ratio as your currently used images, or
    2. Keep using the currently configured featured boxes height of 300px but adjust/edit your images to have a width of 413px.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #119065

    Ok, I understand.
    I prefered to upload pictures again and it all turn fine now.

    Thanks for helping!
    Nice theme!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Distorted pictures’ is closed to new replies.