Okay
  Public Ticket #1182075
image gallery timing
Closed

Comments

  •  3
    camilla falsini started the conversation
    May 24, 2017 at 7:41am

    Hi, I have this image gallery http://www.camillafalsini.it/wp/home on a intro page (I will add more image then) and I would need to know how can I make a little faster the way they change if you do nothing on the arrow.

    Now it's about 4 seconds between an image and the other..

    I also wonder if there is a way to make the image appear without the scrolling effect from right to left, but fading in.

    Thanks and best,

    Camilla

  •  9,011
    Tahir replied
    May 24, 2017 at 9:45am

    Hey Camilla,

    I am afraid the Image Gallery Slider option does not have a field to set the transition time at the moment. 

    Though have noted this in the Wishlist for upcoming Theme Updates.

    Thanks 

    ThemeNectar Support Team 

  •  3
    camilla falsini replied
    May 24, 2017 at 4:19pm

    Hi Tahir and thanks.

    I decided to make a gallery like this: http://www.camillafalsini.it/wp/home

    And I like the way it looks on monitor of pc.

    But on mobile devices the image are so small :(

    There is a way to set them bigger? Even it they are cut and only center part is shown it is ok for me..

    Another question about responsive options: for this page, the portfolio http://www.camillafalsini.it/wp/ I would like that 2 columns are shown on mobile, but even if I try to change it there are problems and it doesn't works...

    Thanks for your help,

    Camilla


  •  9,011
    Tahir replied
    May 25, 2017 at 11:38am

    Hey Again,

    1: You seem to have use the Fullscreen Option for the Gallery so the Mobile would also stay Fullscreen . 

    2: Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    .portfolio-items:not(.carousel) .col.span_4, .portfolio-items:not(.carousel) .col.span_3 {
        width: 47%!important;
        margin: 0px 1.1% !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  3
    camilla falsini replied
    May 25, 2017 at 12:23pm

    Hi Tahir, yes it works! Now on mobile I have 2 columns and I like it.

    One last question: as you can see in the attachment, the captions on the mobile are over the images. There is a way to not let caption be visible? Or under the images?

    Thanks again,

    Camilla

  •  9,011
    Tahir replied
    May 25, 2017 at 12:26pm

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    .portfolio-items .work-item.style-4 .bottom-meta {
        display:none !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  3
    camilla falsini replied
    May 25, 2017 at 1:01pm

    Yes! 

    So, now to be perfect, item would be vertically spaced... there is a way to do it? Otherwise it doesn't matter, I like it anyway.

    Thanks again.

  •  9,011
    Tahir replied
    May 26, 2017 at 10:15am

    Hey Again,


    Remove the earlier similar css provided and add this .


    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    .portfolio-items:not(.carousel) .col.span_4, .portfolio-items:not(.carousel) .col.span_3 {
        width: 47%!important;
        margin: 1.1% !important;
    }
}

    Thanks

    ThemeNectar Support Team