Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1483786

    Hello,
    I made a content slider but it dosn’t work well as soon as i refesh the page.
    When i manualy change of slide, i can see a picture behind which doesn’t belong to my slider and which is always the same.

    when i pass all my slides manually after it works well!

    This is the page where i have the problem:

    Thanks for your help!

    #1483809

    Hey Pierre,

    Thank you for the inquiry.

    Looks like you’re using a custom gallery from a plugin in the content slider. Please edit the gallery settings and check if there’s an option for a slider background. If not, consider reaching out to the plugin developers for further assistance.

    Best regards,
    Ismael

    #1483817

    Hi,
    There is nothing to do with a background image because when i put my photo gallery in a simple text block it works fine!

    Thanks for your help!

    • This reply was modified 1 day, 20 hours ago by spray.
    • This reply was modified 1 day, 20 hours ago by spray.
    #1483825

    Hi,

    You can try this css code but it might affect the slider transition a bit.

    .slide-entry-wrap:not(.active-slide) .slideimage .fg-image-viewer .fiv-inner .fiv-inner-container .fg-item .fg-thumb img {
        opacity: 0;
    }

    For additional assistance, please contact the developers of the slider plugin.

    Best regards,
    Ismael

    #1483830

    thanks but the problem is still here.
    I don’t use any plugin for the slider! it’s content slider Enfold…

    so i made my galleries with enfold galery without foogallery plugin and it seems to be ok.

    Now i just want to ajust two things :
    – How can i adjust size and position of the arrows of content slider?
    -how can i desactivate the effect that the light box do on hover?

    i

    • This reply was modified 1 day, 18 hours ago by spray.
    #1483897

    Hi,

    To adjust the size and position of the slider arrows, try to add this css code:

    #top .avia-smallarrow-slider .avia-slideshow-arrows a {
      opacity: 0;
      margin: 0;
      width: 50px !important;
      height: 50px !important;
      line-height: 50px !important;
      font-size: 20px !important;
      top: 0;
    }
    
    #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon svg:first-child, #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon img[is-svg-img="true"] {
      height: 20px;
      width: auto;
      margin-top: 15px;
    }
    
    #top .avia-smallarrow-slider .avia-slideshow-arrows {
      position: relative;
      width: 120px;
      top: 20px;
      left: auto;
      height: 24px;
      right: 10px;
    }

    If you’re trying to disable the image overlay, add this code:

    .image-overlay, .image-overlay .image-overlay-inside {
        display: none !important;
    }

    Best regards,
    Ismael

    #1483947

    Hi,
    Thanks , for the height it works but the arrows have always the same width..
    ANd cocerning the overlay, is it possible to keep the logo in the center of th image and keep the opacity to 1?

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