Slider image background

  • Resolved ctkroeker

    (@ctkroeker)


    10 years, 9 months ago

    Hello,

    Is there a way to make slide look decent even when the images are less than 720px wide? Reason I ask is because many picture we use in posts are relatively small and teaching all of our posters how to use GIMP is not an option…

    Ideas?

Viewing 4 replies - 1 through 4 (of 4 total)
  • nikitas589

    (@nikitas589)

    10 years, 9 months ago

    Hi,

    Here’s an idea/workaround:
    Why don’t you change the slider background to white – that way each posted picture will seem to ‘flow/animate’ through the blog/site rather than through the default slider background…
    I.e. In ../js/iView/css/iview.css

    #iview {
	display: block;
	max-width: 715px;
	min-width: 180px;
	background: #eee; ---> #fff
	position: relative;
	margin: 0 auto 15px auto;
	margin: 0 auto 1.5rem auto;
	overflow: hidden;

    Ideally,
    after that you should also try to center-align the image with “margin-left:auto; margin-right: auto;”.
    But I couldn’t figure out how to do that for the slider images, I’m afraid.

    Maybe someone else can help you/us on how to do that.

    haltas

    (@haltas)

    10 years, 9 months ago

    Put this into your Custom Css Box:
    .iviewSlider {background-position: center !important;}

    Thread Starter ctkroeker

    (@ctkroeker)

    10 years, 9 months ago

    Thank you! This is the best solution for now.

    tizz

    (@tizz)

    10 years, 9 months ago

    #iview {
    background-color:transparent;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Slider image background’ is closed to new replies.