Single listing photo too big

  • Resolved FunnelXpert

    (@yourexpireddomains)


    4 years, 5 months ago

    Hi,
    I am trying to make this image smaller.
    I used this CSS:

    body.atbd_content_active #directorist.atbd_wrapper .plasmaSlider__bgImg, body.atbd_content_active #directorist.atbd_wrapper .plasmaSlider__bgImgBlur {
    width: 100%;
    height: 100%;
    }
    However this only makes the image smaller, not the content box.
    Can you give me the correct CSS?

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Syed Galib Ahmed

    (@syedgalibahmed)

    Hello,

    Thank you for reaching us out.

    We’re sorry that you are having trouble in adjusting the image size of the slider.
    You can adjust the height, width as well as other options for the slider from the Directorist settings page.

    So, please remove the custom CSS that you have made for the slider and then control it from Directory Settings >> Listing Settings >> Single Listing >> Screenshot.

    screenshot

    Regards.

    Dear Syed,

    I am struggling with the same issue. Using ImageWidth and ImageHeight in the Single Listing setting does not seem to work. I tried all kinds of combinations, with absolute sizes as well as ratios. (Ratios: Does it mean that 100 = 100%?)
    My images are rather small, e.g., 400×300 pixels. I want them to show up in their original size.

    What works for is is:
    body.atbd_content_active #directorist.atbd_wrapper .plasmaSlider__bgImg, body.atbd_content_active #directorist.atbd_wrapper .plasmaSlider__bgImgBlur {
    width: max-content;
    height: max-content;
    }

    But like mentioned in the previous comment, this only changes the image size, not the content box.

    Best,

    Jochen

    Plugin Support Syed Galib Ahmed

    (@syedgalibahmed)

    Hello Jochen,

    We are sorry for the trouble you are having with the image slider.

    The Image Width & Image Height options are for adjusting the image container shape. It works as ratio, means if you set the width and height to 1:1 then the image container will be in square shape, if you set the width and height to 16:9 then the image container will be in rectangular shape.

    The Slider Image Size option is for determining how the image would be placed within the container. If you want the image to be fit within the container without cropping, then you can use the Fit with Container option, and if you want the image to be filled with container then you can use Fill with Container option.

    Here is a video guide showing how the image slider works and how to customize it from the settings panel.
    Link: https://www.loom.com/share/3efbcaba00794180938e56e425eea2cc

    Please let us know if you need further assists.

    Best Regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Single listing photo too big’ is closed to new replies.