Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 10, 2014 at 9:17 pm #289723
    storyboardsolutions

    I’m trying to use the easyslider to show a number of product shots, and have it set at 300×300 pixels in the settings, but its not actually showing up in that size, but way larger.
    The weird part is that its calling the correct image size, but using css to enlarging it for some reason to 560px wide.

    Any ideas why its trying to do this and how to stop it?

    July 10, 2014 at 9:21 pm #289726
    storyboardsolutions

    Update:

    It looks to be due to the size of the container. IE: i’m using a 1/2 screen for this area, so its resizing to that size, but using the smaller images that I selected.

    So how do I set it up to only show the images in the size I want and not the container size? I need the container to be 1/2 width to match other content, and the image slider can be smaller, but its within other content.

    July 11, 2014 at 10:28 am #289976
    Ismael

    Hey!

    Thank you for using the theme.

    Yes, you’re correct. The slider will inherit the size of the container. You can specify the max-width of the images inside the easy slider. Anyway, looks like you figured it out already. If not, use this on Quick CSS or custom.css:

    #productmain .avia-slideshow li img {
width: auto;
height: 300px;
max-width: 300px !important;
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.