css variables for size

  • Resolved technobuddha

    (@technobuddha)


    11 years, 3 months ago

    I’m trying to setup a condition for a specific slide show.
    I am using “mobile css”, to change a css variable so that when a user is looking at the slideshow via mobile, the css will change.

    so I’d like to know what css varables are used for:
    “Shrink slideshow’s height when width shrinks”
    I’d like it to be “yes”, when its mobile, and “no”, when its desktop.

    See, when its set to “no”, and a user sees the slideshow on mobile, then the height is very large, and the width just “shrinks” so the whole image gets distorted. So I need to have the height able to shrink while on mobile.

    What css variable sets this?

    Also, if the css is set to “no”, the default is 480, which is fine. Does this need to be set as well?

    hmmm unless there is a responsive variable I don’t see on slider???

    thanks!

    https://www.ads-software.com/plugins/slideshow-jquery-image-gallery/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter technobuddha

    (@technobuddha)

    ok, so I was able to figure out the auto aspect:

    .slideshow_container .slideshow_slide {
    width: auto!important;
    height: auto!important;
    }

    although this works, the images themselves only show partially.

    but what is the setting for “shrink to fit”???

    thanks!

    Plugin Author Stefan Boonstra

    (@stefanboonstra)

    I’m sorry, it’s not possible to make a difference in the slideshow’s settings by using CSS. Most CSS settings are overridden by the slideshow’s script.

    Thread Starter technobuddha

    (@technobuddha)

    ahhh ok. thanks!

    Thread Starter technobuddha

    (@technobuddha)

    Ok, so I was able to achieve mostly what I wanted. I now have the auto height and width that changes via mobile with using this css:

    @media only screen and (max-device-width: 480px) {
    .slideshow_container .slideshow_slide {
    height: auto!important;
    }
    }

    AND, by making the images exactly how I want them to be via desktop, and change the setting “Image behavior” to natural and centered.

    BUT, there is a minor page cosmetic issue, that I have described in another thread here. (since its a different issue) and making this resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘css variables for size’ is closed to new replies.

Tags